Add to Cart Without Login | Next JS

Recently I was getting so much request on my udemy platform asking "how we can create a add to cart feature without authenticating the user". And here finally I recorded a video on how I would do it.


My Courses on Udemy:

Full Stack React Native Project: https://rb.gy/c50y30
React Native Portfolio Project: https://rb.gy/zoozgn
Next JS Full Stack Blog: https://rb.gy/3b80nd
Next JS Ecom Master class: https://rb.gy/jgz92p
React Native FFMPEG: https://rb.gy/jgwdkg
Full Stack React Native Resale App: https://rb.gy/auxwsy
Build Movie Review App: https://rb.gy/pqykjd

or Visit: https://www.fsniraj.dev/learn

Final Project:
https://github.com/ndpniraj/add-to-ca...
Copy dummy products from here:
https://github.com/ndpniraj/add-to-ca...

Free UI used inside this Project:
Product Card: https://www.uifreebee.com/components/...
Side Cart: https://www.uifreebee.com/components/...
Navbar For Ecommerce: https://www.uifreebee.com/free-react-...
Sign in page: https://www.uifreebee.com/components/...

00:00:00 Introduction
00:00:24 Project Setup
00:02:25 Setting up UI
00:11:45 Managing Cart State
00:24:09 Adding Products to The Cart
00:30:56 Total Products inside Cart
00:33:27 Rendering Products From Cart
00:37:19 Removing From Cart
00:41:03 Rendering Total Price
00:43:16 Clearing Entire Cart
00:46:14 Using Local Storage to Preserve States
00:49:52 Using Next Auth