Building Shareable Modal Content With Next.js
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-qu...
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
#nextjs13
#nextjsapprouter
#thinkinginnextjs
#nextjstutorial
Watch video Building Shareable Modal Content With Next.js online without registration, duration hours minute second in high quality. This video was added by user tapaScript by Tapas Adhikary 20 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,370 once and liked it 80 people.