Build a Fullstack E-Commerce App using Next.js 13, MongoDB, Firebase, Strapi, Tailwind CSS [2023]
159.4 هزار بار بازدید -
11 ماه پیش
-
In this tutorial, You will
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 : LinkedIn: sangam-mukherjee-400488134
Instagram: Instagram: sangam_mukherjee
⭐▬▬▬▬▬▬ 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 : LinkedIn: sangam-mukherjee-400488134
Instagram: Instagram: sangam_mukherjee
11 ماه پیش
در تاریخ 1402/05/16 منتشر شده
است.
159,438
بـار بازدید شده