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: https://discord.gg/4vCRMyzgA5
⭐GitHub Repo: https://github.com/joschan21/casecobra
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/casecobra/blob/master/COPY_PASTE_LIST.md
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!
