Next.js App Router Parallel Routes: Explained With Project

Опубликовано: 08 Октябрь 2024
на канале: tapaScript by Tapas Adhikary
3,332
154

Do you know the right way to build Dashboards with Next.js? How do conditionally show-hide pages in a Layout? Welcome, Parallel Routes.

Hey, welcome back to another informative video from the "Full Stack With Next.js App Router" series. I hope you enjoy this one the same way you liked the previous videos from the series.

Let's GO 🚀

I take special care to provide you the best quality. Please SUBSCRIBE to the channel to show your support. Also, could you like/comment on this video so that it reaches others? Thanks! 🫶

Timecodes
0:00 - A quick intro
00:57 - The Need of Parallel Routes
04:04 - Let's Build An App, Expenso
07:13 - Parallel Routes and Slots
08:45 - Create and Manage 3 Slots
15:54 - Let's Create a Customer Slot
17:25 - Handling Loading & Error in Slots
22:12 - Creating Routes from the Slots
26:29 - Active State & Hard Navigation
27:51 - Fallback with default.js
31:41 - The Conditional Routing
33:26 - The End Notes


The Source Code Used In The video:
https://github.com/tapascript/expenso

Join tapaScript Discord
  / discord  

🤝 My Links:
Blog: https://blog.greenroots.info/
Follow on X(Twitter):   / tapasadhikary  
Connect on LinkedIn:   / tapasadhikary  
Follow My Work on GitHub: https://github.com/atapas
Follow on Facebook:   / tapasadhi  

Special Links:
Are you looking for the best NextJS templates to start your project development? Download and use them for FREE: https://www.wrappixel.com/templates/c...
If you are looking for the best content management system, here is something for FREE that you can rely on: https://app.caisy.io/app/signup/mwiyy...

👋 Like my work? Thank You. You can sponsor me from here:
Sponsor Me: https://github.com/sponsors/atapas
Sponsor my Blog: https://blog.greenroots.info/sponsor

About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer who has vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.

You can find more about him at https://tapasadhikary.com.

#nextjstutorial
#next
#nextjs14
#nextjs