SvelteKit Crash Course: Build a Full Website in 90 min! - 2023 Tutorial

🎉 Make a website with Svelte and SvelteKit — the most beloved full-stack web development framework. Fully up-to-date for 2023, this course will cover:

Routing
Layouts
Content
Images
Styling
Conditional logic
Forms
Progressive enhancement

Try Prismic today for free and start with one of our SvelteKit Starters:
https://prismic.io

---

🔗 Project code: https://github.com/samlfair/sveltekit...
🔗 Prismic Svelte documentation: https://prismic.io/docs/svelte
🔗 SvelteKit documentation: https://kit.svelte.dev/
🔗 Open Props: https://open-props.style/

---

📍Chapters:
00:00:00 Intro
00:01:04 SvelteKit Boilerplate from Prismic
00:04:10 Project structure
00:04:26 Adapters
00:05:26 Static folder
00:05:49 src directory
00:08:00 Routing (+page.svelte)
00:08:45 Data fetching (+page.server.js)
00:09:41 npm run dev
00:10:54 Dynamic routes
00:12:58 Optional route segment
00:14:25 Layout
00:15:38 Global styles
00:19:26 Rich text
00:20:45 Slice Machine
00:23:23 Slice component
00:27:31 Styling children
00:30:45 {each} block
00:37:46 Images
00:41:47 {if} block
00:47:16 $ operator
00:48:36 Class directive
00:51:34 Forms
00:59:24 Page Builder
01:00:28 Vercel CLI
01:10:18 Progressive enhancement
01:20:28 Nav menu
01:27:25 Footer
01:28:38 Outro

---

#sveltekit #sveltejs