Intercepting Routes is an extremely strong concept to achieve outstanding use cases in our web apps. Sharing the modal content is one such, and this video helps you to grasp the concept with a hands-on deep dive project.
Hey, welcome back to another informative video from the "Full Stack With Next.js App Router" series. Let us build a quote feed application using the Intercepting Routes and Parallel Routes concepts from the Next.js App Router.
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 - What Are We Building and How?
04:19 - Create the Quote List Page
10:50 - Create Header, Footer, Quote Details
16:22 - What are Intercepting Routes?
19:43 - Create Intercepting Routes
24:22 - Create Modal with createPortal
32:07 - The Final Product
33:50 - Matching Expectations With Next.js Docs
34:58 - The End Notes
## Source Code on tapaScript GitHub:
- https://github.com/tapascript/next-quotes
## Join tapaScript Discord
- https://discord.gg/YzUe4DbNAz
## 🤝 My Links:
- Blog: https://blog.greenroots.info/
- Follow on X(Twitter): https://twitter.com/tapasadhikary
- Connect on LinkedIn: https://www.linkedin.com/in/tapasadhikary/
- Follow My Work on GitHub: https://github.com/atapas
- Follow on Facebook: https://www.facebook.com/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/category/nextjs-templates/?ref=305&campaign=NextJStemplate
- 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/mwiyyiglk2er
## 👋 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
#nextjs13
#nextjsapprouter
#thinkinginnextjs
#nextjstutorial