How is it going so far? Welcome back to the fourth video of the NextJS App Router series. In this video, we will learn about the Layouts and Navigations in-depth. This video is with hands-on coding. Please practice along with me to get an excellent grip on it.
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 - What To Expect From This Video?
00:48 - NextJS App Router Pages vs Layouts
02:22 - Introduction to NextJS App Router Layouts
06:11 - How To Create A NavBar Using NextJS App Router Layout?
08:28 - How To Create Route Level Layouts With NextJS App Router?
11:14 - How To Link Two Pages Using NextJS Link Component?
13:05 - How To Do Dynamic Linking Using NextJS useRouter Hook?
16:43 - Wrapping Up & What's Next?
Source Code Used
- github.com/atapas/youtube/tre...
Other Videos You May Like:
- • React Server Component...
- • How To Structure Your ...
🤝 My Links:
- Blog: blog.greenroots.info/
- Follow on X(Twitter): twitter.com/ tapasadhikary
- Connect on LinkedIn: / tapasadhikary
- Follow My Work on GitHub: github.com/atapas
- Follow on Facebook: / tapasadhi
👋 Like my work? Thank You. You can sponsor me from here:
- Sponsor Me: github.com/sponsors/atapas
- Sponsor my Blog: blog.greenroots.info/sponsor
About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, KZitemr, 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 tapasadhikary.com.
Негізгі бет NextJS App Router Layouts and Navigations Explained With Code
Пікірлер: 26