Build Next.js ECommerce Website Like Amazon For Beginners [2023]
Coding with Basir
👉 Watch Next.js 14 of this course : https://youtu.be/zWEvbGdUhRg
👉 Demo : https://nextjs-tailwind-amazona-final.vercel.app
👉 Source : https://github.com/basir/next-tailwind-amazona
👉 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
https://www.youtube.com/watch?v=sCFYd1pQBfk&list=PLeh2GWv22bmQhKLSG7DuwptE8BGy8y3lJ
2. Next.js Mongodb ECommerce Like Amazon
https://www.youtube.com/watch?v=pvdeKUL9VQg&list=PLeh2GWv22bmTz4krWd371xqg9cCupvGxI
3. MERN Stack ECommerce Like Amazon
https://www.youtube.com/watch?v=ZjwBs3n7waY&list=PLeh2GWv22bmSQ9oBSYTd469_AQjPGpzyv
4. TypeScript MERN Stack ECommerce Like Amazon
https://www.youtube.com/watch?v=yhydkE1siMc&list=PLeh2GWv22bmR5PrLDx2Yf43tcwUaSBotY
5. Vanilla JS ECommerce Like Amazon
https://www.youtube.com/watch?v=yj2BrY9H1qA&list=PLeh2GWv22bmSkMEpSv5Wme56XVpKG1Tr5
👉 Join Pro Membership Link:
by Clicking On This Link
https://www.youtube.com/channel/UC2xRE4hUCQ3xO3ymEtMh1Hw/join
#NextJS #Next.js #Tutorial #Tailwind #React #MongoDB #ecommerce #Context
—
Follow me on:
👉 Website: https://codingwithbasir.com
👉 Twitter: https://twitter.com/basrijd
👉 Linkedin: https://www.linkedin.com/in/basir-j
👉 Github: https://github.com/basir