background icons
background icons 2

Video Belajar

Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Dave Gray.

Dave Gray

17117

NextJS Parallel Routes Explained with a Simple Example

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

NextJS Parallel Routes explained with a simple example - In this video, we'll look at how to use Next.js parallel routes and follow a simple example to increase your understanding. Learn NextJS parallel routes with this tutorial.

💖 Support me on Patreon ➜ https://patreon.com/davegray

⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Complete Next.js Developer: https://bit.ly/CompNextJSDev
- Advanced React: https://bit.ly/AdvReactDev
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh

☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

🔗 Source Code Example: https://github.com/gitdagray/nextjs-parallel-routes

🔗 My Next.js Videos: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6Pk-QJIdGd1tGZEzy9RTgtj

👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

NextJS Parallel Routes Explained with a Simple Example

(00:00) Intro
(00:12) Welcome
(00:33) Next.js Parallel Routes
(01:37) Slots
(02:57) Partial Rendering
(03:55) Loading and Error UI for Slots
(05:05) Include Slots in the Layout
(06:15) Why default files are needed
(11:39) Review
(12:16) Parallel Routes now have full support

📚 Tutorial References:
🔗 Next.js: https://nextjs.org
🔗 Next.js Parallel Routes: https://nextjs.org/docs/app/building-your-application/routing/parallel-routes

Was this tutorial about Next.js Parallel Routes with a simple example helpful? If so, please share. Let me know your thoughts in the comments.

#nextjs #parallel #routes