Learn Next.js Parallel Routes In 16 Minutes

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:55 - Parallel Route Basics
05:18 - Conditional Route Rendering
07:42 - Advanced Routing

#Nextjs #WDS #ParallelRoutes

[dawidwraga]

Vercel needs to watch this video and improve the DX here for sure

[skapator]

Is this the birth of the term folder/file hell ?

[adammilner]

this looks horrifying, so much overhead even in this super simple example

[mohammadahmermalick]

Thanks you bro!
I love your channel ❤️

You are doing a great job 👍

[sujjee]

Thank you for explaining parallel routes in such a simple and easily understandable way. By the way, could you also explain Drizzle the way you explained Prisma in one hour?

[wchorski]

would love a talk on how to create a template app that is shared between multiple clients. With tips on how to handle

1. unique assets
2. customer side configuration
3. adding and pushing updates across all instances of this app

[theavazov]

Great video Kyle, can you make a video about i18 in app routes?

[sanchayan.bhunia]

You know what! I really love your intro slogan. <3

[tom.watkins]

The main benefit of this is being able to use the loading and error pages within each parallel route i am guessing. For most cases its fine to just import the server components, you hust have to remember to put your own suspense/error boundaries around them

[noeljose]

in the last 4 years, this man helped me go through most of the challenges i face as as self thought programmer. Today I work for an MNC and 30%-40% of the code solutions Implemented, I learnt from WDS.

[anhvuuc]

This still easy, Intercepting Routes is an headache :D Hope you can have a video for it

[havokgames]

This video did a good job of _how_ these works. But I really can't tell the _why_, because the examples are so generic. Is this useful for a multi-panel layout where you navigate within the panels separately? Maybe something like a playlist + music player?

[VinayTandale]

Its being complicated day by day easier the simpler the better

[ddrweb_]

Hi, thanks for the video. I have a question tho, If I create a route with parallel routes, why do I need to declare/create the parallel routes for my nested pages, maybe I want them just for the main parent, feels a bit weird :|

[rrAzz]

This feature is good for a dashboard with a lot of graphs that can take a while to load the data needed to render the graphs

[otn]

The conditional rendering works the same way using parallel routes or not with slightly different syntax. if(!isLoggedIn) return <LoginPage> Vs. if(!isLoggedIn) return login. Am I missing something?

[nemeziz_prime]

Can you also do a simple video on subdomain routing in React/Next.js?

[yashchauhan]

what if i want a diffeent page and dont want to create page under each @ folder and also divide my logic like all my code for new page will be in settings > page.tsx

[RadianRasyid]

i dont't know im not able to use parallel route just like how you do it. it worked for the root layout, but not for the nested route. i'm using nextjs version 14.1. maybe a little help?

[WolfySpeaks]

Bro, can you teach how to setup folder, to use StyleXjs with nodejs.