Build a Complete Digital Marketplace with Next.js 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: / discord
⭐Payload: https://link.joshtriedcoding.com/payload
⭐GitHub Repo: https://github.com/joschan21/digitalh...
The features of our digital marketplace:
🛠️ Complete marketplace built from scratch in Next.js 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 Next.js
🌟 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):
https://github.com/joschan21/digitalh...
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!
Watch video Build a Complete Digital Marketplace with Next.js 14, React, tRPC, Tailwind | Full Course 2023 online without registration, duration hours minute second in high quality. This video was added by user Josh tried coding 20 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 495,95 once and liked it 17 thousand people.