Modern Svelte Kit - Complete Svelte Kit Course for Beginners

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