In this single video, we're building an entire, modern E-Commerce Store for custom phone cases from beginning to end.
⭐Kinde: https://link.joshtriedcoding.com/kinde
⭐Discord for questions/answers: / discord
⭐GitHub Repo: https://github.com/joschan21/casecobra
⭐ my SaaS: https://crotus.io
Highlights:
🛠️ Complete shop built from scratch in Next.js 14
💻 Beautiful landing page included
🎨 Custom artworks made by a professional illustrator
💳 Secret admin dashboard to manage orders
🖥️ Drag-and-drop file uploads
🛍️ Customers can purchase directly from you
🌟 Clean, modern UI on top of shadcn-ui
🛒 Completely custom phone case configurator
🔑 Authentication using Kinde
✉️ Beautiful thank-you email after purchase
✅ Apple-inspired configurator design
⌨️ 100% written in TypeScript
🎁 ...much more
Copy & Paste list to follow along with the video (optional):
https://github.com/joschan21/casecobr...
Thanks so much to Kinde for making this huge project possible by sponsoring this video!
-- Chapters
0:00 YO WADDUP
1:33 Demo
8:56 Getting started & basic design
19:56 Making a beautiful hero section
56:42 Authentication
1:06:24 Animated landing page section
2:00:00 Finishing our landing page
2:20:00 Creating our file upload page
3:35:53 Creating our configurator page
6:34:15 Creating our configuration summary page
7:28:33 Integrating secure payments
8:27:28 Creating an auth callback
8:50:20 Creating our stripe webhook
9:34:19 Creating our thank you page
10:30:00 Creating a secret admin dashboard
11:15:00 Writing our thank-you email
11:37:30 Final touches & improvements
11:47:45 Final deployment
11:54:00 Final review
11:59:00 Outro - thank you for following along!
Watch video Build a Complete E-Commerce Shop with Next.js 14, Tailwind, React | Full Course 2024 online without registration, duration hours minute second in high quality. This video was added by user Josh tried coding 05 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 381,029 once and liked it 15 thousand people.