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.