Learn Everything About SvelteKit Routing (Pages, Layout, Nested Routes)

Learn how routes work in SvelteKit and how to create pages, layouts and dynamic routes and why nested routes are awesome.

👉️ Support

▶️ YouTube Membership

🔴 Patreon

👉️ Links:

SvelteKit Routing

👉️ Uses:

👉️ Socials:

🔖 Timestamps

0:00 Intro
0:11 Requirements
1:59 Project Setup
3:31 Pages
14:04 Layout
18:31 The Power of Nested Routes
27:38 Dynamic Routes
29:42 Advanced Routing
29:45 Multiple Route Parameters
31:30 Optional Parameters
32:51 Rest Parameters
35:05 Matching Parameters
38:27 Outro

#sveltekit #joyofcode

[jrhager]

You are literally THE resource that I point everybody curious about Svelte/SvelteKit to. They should literally hire you (and pay you handsomely) to spiff up their technical documentation and add a knowledge base. Literally - You are a treasure to the SK community.

[ikkentonda]

Outstanding! I sincerely appreciate all the “little” tips you share, as well as your taking the time to clear up some conceptual hurdles. Great stuff!

[AB-gxzj]

This is really good, please keep doing svelte(kit) videos. They make understanding the framework so much simpler! :)

[bmehder]

These videos are the perfect supplement to the SvelteKit docs.

[WyzrdCat]

I watched many dozens of videos introducing Svelte but yours is by far the best mix of explaining things, showing them in a meaningful example, and not assuming I have used other frameworks before.

[LemonSix]

The image on the right explaining that inside routes exist the views and that each view has its own +page is the best thing that happened me on this week. Subscribed

[prashlovessamosa]

Again you bruh you created 😅 everything about Svelte what ever I search around Svelte your videos popup
very helpful thanks 🙏

[pickavana]

Thanks for all the work in putting these tutorials together. Much appreciated and subscribed.

[joreilly]

Great tutorial, this helped clarify a lot of stuff for me.

[lgsyt]

This is amazing, probably the best Sveltekit route explanation out there with a big plus: tricks to dissect & track down the inner Sveltekit behaviours. That's invaluable @JoyofCodeDev, it would be very appreciated if you could explore almost any SvelteKit topics in the same fascion like this. Please keep up the amazing work 🙂

[local]

I've not long completed the tutorial on this, this is so valuable!

[theIbraDev]

Hey thanks so much for the tutorials you make. I'm a pretty new web developer and, Svelte Kit is my first proper framework.
Having actual guides like this to follow makes it so much easier for me to learn and adapt to it!

Also Thank you for the fantastic tips along the way like the ones about PNPM! You have most likely saved my harddrive 😅

[justingolden]

Just found your channel and I'm already addicted! You cover the exact topics I need (and didn't know I needed) and in a digestible and well explained manner.

Video suggestion / request: increasing performance in a svelte kit project: stuff like using less reactivity, less dom elements, and even generic stuff like images, videos, fonts, blocking vs non blocking, etc.

[kyouma]

thank you for videos i actually learn better visually then reading docs currently following series even started simple movie app project in sveltekit and needed to get firm grasp about routing and video with examples like you show is handy indeed arl then ima keep watching cheers! keep up the quality content

[bravhearthalo]

Amazing tutorials! Thank you for all your work 🙏

[danielk.]

This is the most useful video I found on the internet about SvelteKit

[francopascual]

Thank you so much. This series has been a life saver

[yohanlopes]

great videos, learning a lot from them. Hope you keep posting about svelte kit

[lukasvozda]

Thanks you! Your videos about Sveltekit are very helpful. Would be cool if you could make another one about stores.

[isaacdruin]

Drinking game level: suicidal.

Take a shot whenever JoC says "how awesome is this?".

Just teasing. SvelteKit is awesome all the way down :D