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