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

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

5/5/2024
2

Description

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

Chapters

YO WADDUP
1:33
Demo
7:23
Getting started basic design
11:00
Making a beautiful hero section
36:46
Authentication
9:42
Animated landing page section
53:36
Finishing our landing page
20:00
Creating our file upload page
1:15:53
Creating our configurator page
2:58:22
Creating our configuration summary page
54:18
Integrating secure payments
58:55
Creating an auth callback
22:52
Creating our stripe webhook
43:59
Creating our thank you page
55:41
Creating a secret admin dashboard
45:00
Writing our thank-you email
22:30
Final touches improvements
10:15
Final deployment
6:15
Final review
5:00
Outro thank you for following along!
1:00