Build a Complete E-Commerce Shop with Next.js 14, Tailwind, React | Full Course 2024
263.1 هزار بار بازدید -
2 ماه پیش
-
In this single video, we're
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: discord
⭐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/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!
⭐Kinde: https://link.joshtriedcoding.com/kinde
⭐Discord for questions/answers: Discord: discord
⭐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/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!
2 ماه پیش
در تاریخ 1403/02/16 منتشر شده
است.
263,187
بـار بازدید شده