Join the Slack Developer Program for exclusive access to beta features, sandboxes, resources, and more: https://api.slack.com/developer-program?utm_source=youtube&utm_medium=social&utm_campaign=AMER_US_EN_Q1_SLKAW_Developer_Program_Web_Dev_Simplified&utm_content=mention
Next.js Simplified Course: https://reactsimplified.com/#next-js-course
Creating an ecommerce site is not easy. There are so many different things that go into even a simple ecommerce site from an admin dashboard, to payment processing, to account management, and so much more. In this video I will go through everything you need to do in order to get up and running with your very first ecommerce shop entirely from scratch with Next.js, Tailwind, Prisma, and TypeScript.
📚 Materials/References:
Next.js Simplified Course: https://reactsimplified.com/#next-js-course
GitHub Code: https://github.com/WebDevSimplified/next-js-ecommerce-mvp
Intl Number Formatter Video: https://youtu.be/4oGWpTAY_hc
Zod Crash Course Video: https://youtu.be/L6BE-U3oy80
Next.js Caching Article: https://blog.webdevsimplified.com/2024-01/next-js-app-router-cache
🌎 Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00:00 - Introduction
00:00:52 - Sponsor
00:02:10 - Database Setup
00:12:05 - Admin Dashboard Page
00:37:24 - Admin Product Pages
01:34:36 - Admin Authentication
01:45:22 - Customer Home Page
02:00:58 - Customer Products Page
02:03:32 - Next.js Caching
02:10:08 - Customer Product Purchase Page
03:02:28 - Admin Customers Page
03:04:18 - Admin Sales Page
03:06:48 - Purchase Receipt Email
03:24:38 - Customer My Orders Page
#Ecommerce #WDS #NextJS