Build Next.js ECommerce Website Like Amazon For Beginners [2023]

Опубликовано: 11 Март 2026
на канале: AI With Basir

123,453

2.3k

👉 Watch Next.js 14 of this course :    • Build Next.js ECommerce Website Like Amazo...

👉 Demo : https://nextjs-tailwind-amazona-final...
👉 Source : https://github.com/basir/next-tailwin...
👉 Q/A. : https://codingwithbasir.com
👉 Stack : Next.js, Tailwind, MongoDB, Context Api, Vercel, Google Map, React Hook Form, PayPal, ...

Nextjs Tutorial For Beginners - Build Full ECommerce Website By Next.js, MongoDB & Tailwind

TABLE OF CONTENT
00:00 Promo Video
00:03:24 Introduction
00:10:48 Install Tools On Windows
00:16:02 Install Tools On Mac
00:20:01 Config VS Code
00:25:56 Create Next App
00:33:16 Publish On Github
00:36:39 Create Layout Component
00:47:41 List Products
01:00:03 Details Product
01:10:42 Handle Add To Cart Action
01:26:06 Create Cart Page
01:41:51 Update Quantity in the Cart
01:47:36 Save Cart Items
01:56:36 Create Login Form
02:10:37 Connect To MongoDB
02:27:04 Create Login API
02:43:56 Add User Menu
02:52:33 Create Shipping Screen
03:09:30 Create Payment Screen
03:18:40 Seed Sample Products
03:21:47 Load Products From MongoDB
03:35:29 Create Place Order Screen
03:55:11 Create Order Screen
04:11:31 Create Register Screen
04:23:47 Pay Order By PayPal
04:41:48 Create Order History Screen
04:51:44 Deploy On Vercel

🔥 Join Pro Membership And Get Access To Complete Courses:
1. Next.js PostgreSQL ECommerce Like Amazon
   • Course Intro
2. Next.js Mongodb ECommerce Like Amazon
   • Course Intro
3. MERN Stack ECommerce Like Amazon
   • Course Intro
4. TypeScript MERN Stack ECommerce Like Amazon
   • Course Intro
5. Vanilla JS ECommerce Like Amazon
   • Course Intro

👉 Join Pro Membership Link:
by Clicking On This Link
   / @aiwithbasir

#NextJS #Next.js #Tutorial #Tailwind #React #MongoDB #ecommerce #Context
---
Follow me on:
👉 Website: https://codingwithbasir.com
👉 Twitter:   / basrijd
👉 Linkedin:   / basir-j
👉 Github: https://github.com/basir