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
Watch video Add to Cart Without Login | Next JS online without registration, duration hours minute second in high quality. This video was added by user Full Stack Niraj 26 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 844 once and liked it 26 people.