How To Use React Context API With Next.js? - Part 3 - FullStack Book Store With Next.js App Router
In this video, we'll continue building our full-stack book store with Next.js. In this part, we'll work on building a Cart system using React Context API so that users can add books to their cart for buying and renting. We will also build a payment checkout system from the cart page.
In the last parts, we created designs, did layouts, played with data and built the user interfaces.
Watch Part 1:
- • Build A Full-Stack Book Store With Ne...
Watch Part 2:
- • Build A Full-Stack Book Store With Ne...
Learn Everything About ReactJS Context API:
- • 🌈 16 - React Context API - What is Co...
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...
Here goes the PART 3. 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 Today and How To Follow?
02:06 - How To Design The Add To Cart Feature?
03:36 - Laying The Foundation.
12:40 - What is Context API is ReactJS?
14:58 - Create Context and Provider.
17:06 - Use The Context API To Share Data.
22:49 - Build The Cart Page.
36:23 - Three Important Tasks For YOU!
38:12 - Wrapping Up and What's Next?
The Source Code Used In The video:
https://github.com/atapas/youtube/tre...
How to Submit the Task?
- Complete the coding task given in the video.
- Join tapaScript Discord Link: / discord
- Upload your task in the "nextjs-youtube-series" channel.
Note: Use this only for submitting the tasks. All other comments/clarify doubts will happen as usual on the YouTube itself
🤝 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
👋 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.
