Let's Build a Full Stack E-Commerce Analytics Dashboard With Next.js, Auth.js, Prisma, Neon, and Zod
Repository: https://github.com/DevAntonioRogers/ecommerce-dash
GitHub: https://bit.ly/3LNXEls
Twitter: https://bit.ly/3GoxZ0m
LinkedIn: https://bit.ly/3GqSdXk
Dev Community: https://bit.ly/3Q0enES
⌚ Timestamps
00:00 - Introduction
5:48- Project Start and Prep
9:10 - Shadcn Setup
14:14 - Navbar Component
41:26 - Sidebar Component
1:08:39 - Dashboard with ShadCN Charts
1:53:36 - Shadcn Data Tables (Customers, Orders, and Product Pages)
2:52:35- Team Page
3:12:46 - formatPrice and formatDate utils
3:19:33- Auth.js, Prisma, NeonDB setup
3:37:17 - Zod, React Hook Form, and Next Safe Action Installation
3:40:07 - Login and Register Schema
3:46:03 - Register Form with Auth.js
4:51:46 -Login Form with Auth.js
5:06:51 - Onboarding Form with Resend and Auth.js
5:56:42- Team Page Refactor with Zod and Server Actions
6:52:26 - CRUD Operations for Pages with Next.js Server Actions
7:52:05 - Last Few Fixes and Changes