In this video Scott covers everything you need to know about building modern full stack svelte kit applications, including SvelteKit, Drizzle and Better Auth.
View the code here: https://github.com/stolinski/Modern-S...
0:00 - Intro
1:23 - Creating a SvelteKit project
5:27 - Looking at the default project structure
12:05 - Enabling Remote Functions & Async
14:28 - Starting the DB & dev server
15:38 - Routing
19:05 - Adding Better Auth & Graffiti
32:04 - Sign Up Page
48:02 - Hooks/Middleware
53:30 - Add Better Auth middleware
56:50 - .server.ts files
1:01:51 - Auth guards (+ locals)
1:12:45 - Adding an Admin Section (+ Drizzle schema)
1:18:50 - First Remote Function
1:25:27 - Mutations in Remote Functions
1:36:03 - Connecting it to a form
1:44:17 - Detour: Server Endpoints
1:49:10 - Add a "New Post" button
1:50:42 - Editing posts (+ parameterized routes)
2:01:46 - Adding post list & post detail pages (challenge)
2:02:20 - CSS
2:04:53 - Adding Sentry
2:08:25 - instrumentation.server.ts file
2:09:43 - More on hooks
2:12:09 - Service Workers
2:12:55 - Link Options
2:15:29 - Advanced Routing
2:19:22 - Deploying
2:21:50 - Demo app improvements (header & link styles)
2:24:44 - Adding session info/logout
2:32:57 - Login page (+ Remote Function .refresh())
2:37:07 - User roles (+ styling improvements)
2:47:47 - Adding post list and post detail pages
2:53:45 - Adding View Transitions
2:58:34 - Thanks!
------------------------------------------------------------------------------
Hit us up on Socials!
Syntax: https://x.com/syntaxfm
Scott: https://x.com/stolinski
Wes: https://x.com/wesbos
CJ: https://x.com/CodingGarden
Randy: / @randyrektor
http://www.syntax.fm
Brought to you by Sentry.io
#svelte #typescript #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev
