Перейти к содержимому

Build a Fullstack E-Commerce App using Next.js 13, MongoDB, Firebase, Strapi, Tailwind CSS [2023]

Sangam Mukherjee

0:00 / 0:00

Build a Fullstack E-Commerce App using Next.js 13, MongoDB, Firebase, Strapi, Tailwind CSS [2023]

194 461 просмотр · 3 года назад
Sangam Mukherjee
99,1 тыс. подписчиков
194 461 просмотр · 3 года назад
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