Create a Digital Marketplace using Next.js 14, Stripe Connect, Kinde, Prisma and Supabase

Jan Marshal
Jan Marshal
32.1 هزار بار بازدید - 2 ماه پیش - 🚀 Today we are going
🚀 Today we are going to create a Digital Marketplace using Next.js 14, Stripe Connect, Kinde, Prisma, Supabase, and Tailwind! Learn step-by-step and elevate your development skills.

🚀 Kinde Auth: https://dub.sh/xeU8r3v

👨🏻‍💻 GitHub Repository: https://janmarshal.com/courses/create...
🌍 My Website: https://www.janmarshal.com
✅ Follow me on Twitter: Twitter: janmarshaldev
📧 Business ONLY: [email protected]

Features:
🌐 Next.js App Router
🔐 Kinde Authentication with MFA
📧 Passwordless Auth
🔑 OAuth (Google and GitHub)
💰Payments using Stripe
🏪 Marketplace Functionality using Stripe Connect
🪝 Implementation of Stripe Webhooks
💿 Supabase Database
💨 Prisma Orm
✅ Server Validation using Zod
🗂️ File Upload with Uploadthing
🎨 Styling with Tailwindcss and Shadcn UI
📧 Sending Emails with Resend
🖼️ Creating Beautiful Emails using React-Email
😶‍🌫️ Deployment to vercel

- React Streaming
- Stripe Express Dashboard
- Stripe Checkout page
- Server side implementation


Resources used:
Next.js: https://nextjs.org
Kinde: https://dub.sh/xeU8r3v
Tailwind.css: https://tailwindcss.com
Shadcn/UI: https://ui.shadcn.com
Stripe: https://stripe.com
Prisma: https://prisma.io
Supabase: https://supabase.com

Timestamps:
00:00 Intro
10:40 Installation
17:00 Creating Navbar
43:00 Authentication
01:10:00 Setup Sell Route
01:44:00 Setup File Uploads
02:00:00 Setup Database and ORM
02:24:00 Server Side Validation using Zod
03:25:00 Create Settings Route
03:46:00 Create Homepage
04:14:00 Create Product Id Page
04:47:00 Create Category Page
05:30:00 Protect Sell Route
05:40:00 Create My Products Route
05:48:00 Setup Stripe
06:43:00 Listen for Stripe Webhooks
07:10:00 Deploy to Vercel
08:04:00 Outro
2 ماه پیش در تاریخ 1403/02/27 منتشر شده است.
32,183 بـار بازدید شده
... بیشتر