Build a Fullstack E-Commerce App using Next.js 13, MongoDB, Firebase, Strapi, Tailwind CSS [2023]
In this tutorial, You will learn how to build a fullstack ecommerce app using Next.js 13, MongoDB, Tailwind CSS, Strapi and firebase.
⭐▬▬▬▬▬▬ 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/Ne...
Playlist : • Next.js 13 Ecommerce Application
Subscribe for more! 🔔
/ @sangammukherjee
React Native Playlist for beginners :
• React Native Tutorial For Beginners 2023
⭐▬▬▬▬▬▬ BUY ME A COFFEE :) 👋 ▬▬▬▬▬▬⭐
https://www.buymeacoffee.com/sangammukh6
⭐▬▬▬▬▬▬ CONNECT WITH ME 👋 ▬▬▬▬▬▬⭐
Linkedin : / sangam-mukherjee-400488134
Instagram: / sangam_mukherjee
Watch video Build a Fullstack E-Commerce App using Next.js 13, MongoDB, Firebase, Strapi, Tailwind CSS [2023] online without registration, duration hours minute second in high quality. This video was added by user Sangam Mukherjee 07 August 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 184,956 once and liked it 6.5 thousand people.