Free tutorials
Create a Digital Marketplace using Next.js 148h 3m

Create a Digital Marketplace using Next.js 14

@janmarshalcoding8h 3mIntermediate
typescriptnextjsshadcntailwindcsskindestripepostgressupabase

Source code

Free

The complete source code is free. Clone the repository and build along with the tutorial.

About this tutorial

πŸš€ 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.

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

  • 🎨 Styling with Tailwindcss and Shadcn UI

  • πŸ“§ Sending Emails with Resend

  • πŸ–ΌοΈ Creating Beautiful Emails using React-Email

  • πŸ˜Άβ€πŸŒ«οΈ Deployment to vercel

After the tutorial

Wiring Stripe by hand is the right way to learn it. Wiring it again on every product you ship is not. SyntaxKit is a Next.js starter kit with Stripe billing and entitlements already wired in.

From $199 Β· one-time payment Β· lifetime updates