Build a Complete E-Commerce Shop with Next.js 14, Tailwind, React | Full Course 2024

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...

SponsorThanks 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!