In this tutorial, You will learn how to build a fullstack ecommerce app using Next.js 13, MongoDB, Tailwind CSS, Strapi and firebase.
📓 5 Best Next.js Books for Beginners and Experienced Developers
⭐▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬⭐
(00:00) Introduction
(10:20) Installing all packages and project setup
(16:45) Creating global context
(21:36) Navbar component
(42:10) Implementing common dialog component
(59:00) UI for registration and login page
(1:26:40) Login Page UI
(1:32:23) Mongo DB setup , registration page model, api route and service
(1:53:11) Registraion page api integration with frontend
(2:02:02) login page model, api route and services
(2:14:03) api integration with frontend
(2:32:36) finishing up login page
(2:41:05) Admin view pages and switch between admin and client view
(2:48:28) Add new project page UI
(2:59:31) Backend for add new project page
(3:12:48) Handle Image functionality using firebase
(3:34:17) Add new product frontend and backend integration
(3:43:39) Product common listing page
(3:59:39) Fetching admin products
(4:11:09) Update and delete product API route
(4:22:33) Update and delete product functionality implementation in frontend
(4:43:34) Fetching products in client view
(5:00:05) Product details page
(5:23:00) Product details css issue fix
(5:28:50) Cart functionality and Auth middleware
(5:57:41) Services for Cart page and integrating with UI
(6:14:45) Cart functionality part 3
(6:36:05) Cart functionality part 4
(7:03:00) Account page part 1
(7:31:34) Account page part 2
(7:49:59) Account page part 3
(8:08:15) Checkout page part 1
(8:38:10) Checkout page part 2
(8:53:30) Checkout page part 3
(9:09:19) Checkout page part 4
(9:27:08) Checkout page part 5 and auth logic
(9:42:34) Orders page
(10:00:09) Orders page part 2
(10:33:31) Order processing logic
(11:04:44) Home page UI
Source Code : https://github.com/sangammukherjee/NextJS-Ecommerce-2023
Subscribe : https://www.youtube.com/channel/UCuWZvXIeoDzZKCzpTuC5krQ