Next.js App Router Multiple Root Layouts: Explained With Examples
6.4 هزار بار بازدید -
4 ماه پیش
-
Often we want to hide
Often we want to hide the header and footer on every other page apart from the home page in a Next.js app. How do you achieve it? Yes, using multiple root layouts.
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 - Understand the problem, first
02:02 - The usual Layout and Pages
05:05 - First attempt to hide header and footer
07:59 - Exposing the wrong way
09:00 - The solution: Route Grouping
12:56 - Let's see things working!
13:06 - A quick recap
14:12 - The end note
The Source Code Used In The video:
- https://github.com/tapascript/nextjs-...
Join tapaScript Discord
- Discord: discord
🤝 My Links:
- Blog: https://blog.greenroots.info/
- Follow on X(Twitter): Twitter: tapasadhikary
- Connect on LinkedIn: LinkedIn: tapasadhikary
- Follow My Work on GitHub: https://github.com/atapas
- Follow on Facebook: 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
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 - Understand the problem, first
02:02 - The usual Layout and Pages
05:05 - First attempt to hide header and footer
07:59 - Exposing the wrong way
09:00 - The solution: Route Grouping
12:56 - Let's see things working!
13:06 - A quick recap
14:12 - The end note
The Source Code Used In The video:
- https://github.com/tapascript/nextjs-...
Join tapaScript Discord
- Discord: discord
🤝 My Links:
- Blog: https://blog.greenroots.info/
- Follow on X(Twitter): Twitter: tapasadhikary
- Connect on LinkedIn: LinkedIn: tapasadhikary
- Follow My Work on GitHub: https://github.com/atapas
- Follow on Facebook: 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
4 ماه پیش
در تاریخ 1402/12/17 منتشر شده
است.
6,477
بـار بازدید شده