Build a Complete Digital Marketplace with 14, React, tRPC, Tailwind | Full Course 2023
In this single video, we’re building an entire, modern E-Commerce Marketplace for digital products from beginning to end.
⭐Discord for questions/answers:
⭐Payload:
⭐GitHub Repo:
The features of our digital marketplace:
🛠️ Complete marketplace built from scratch in 14
💻 Beautiful landing page & product pages included
🎨 Custom artwork included
💳 Full admin dashboard
🛍️ Users can purchase and sell their own products
🛒 Locally persisted shopping cart
🔑 Authentication with sign- up verification email
🖥️ Learn how to self-host
🌟 Clean, modern UI using shadcn-ui
✉️ Beautiful emails for signing up and after purchase
✅ Admins can verify products to ensure high quality
⌨️ 100% written in TypeScript
🎁 ...much more
Copy & Paste list to follow along with the video (optional):
Thanks so much to Payload for making this huge project possible by sponsoring this video!
Chapters:
0:00 - What you’ll learn & demo
7:21 - Creating the project together
11:17 - Making this look good right away
25:05 - Creating our landing page
44:40 - Creating our dynamic, beautiful navbar
1:32:44 - Creating our shopping cart
1:55:55 - Setting up our server
2:14:30 - Setting up our admin dashboard
2:34:39 - How do we handle the auth flow?
2:40:10 - Implementing our auth flow
3:03:29 - tRPC setup (super handy backend tool)
3:32:33 - Finishing our auth flow
4:03:28 - Sending a sign-up verification email
4:40:28 - Proper error handling & finishing auth
5:14:24 - Making our navbar truly dynamic
5:29:41 - How do we architect our data models?
5:37:09 - Modelling our data & enabling uploads
6:41:37 - Showing products in our store
7:19:49 - AirBnB-style image slider
7:45:24 - Creating our product detail page
8:13:16 - Persistent shopping cart logic
8:40:47 - Creating our checkout page
9:20:23 - Protecting our API with secured routes
9:24:41 - Creating the user checkout sessions
9:55:27 - How does our payment flow look like?
9:57:57 - Creating the thank-you page
10:39:16 - Listening for stripe webhook locally
10:47:05 - Creating the receipt email
10:54:47 - Deployment to receive webhook in production
11:10:44 - Final security tweaks
11:36:08 - Final styling tweaks
11:56:04 - Final check - awesome!
1 view
148
32
1 month ago 00:08:10 1
AI Agents Will Create MILLIONAIRES in 2025 – Are You Ready
1 month ago 00:01:29 1
Тентовые здания МСБИЛДИНГС
1 month ago 00:03:58 1
The Shira Choir x The Kiffness - Im Hashem Lo Yivneh Bayis (Psalm 127 DANCE REMIX)
1 month ago 00:02:43 1
Yearning Kru - Multipass
1 month ago 00:40:25 1
40MIN Unilateral Leg Strength - Lower Body Workout
1 month ago 00:19:20 1
Blue Ribbon: Story of the Build
2 months ago 00:00:31 1
Тот самый чел, который говорит что он “топ 1 холиворлда“
2 months ago 00:06:07 1
PATRIARKH - WIERSZALIN IV (feat. Eliza Sacharczuk) (Official Video) | Napalm Records