Free tutorials
Create a SaaS using Next.js 1511h 9m

Create a SaaS using Next.js 15

@janmarshalcoding11h 9mIntermediate
nextjstypescriptkindesupabaseprismastripetailwindcssshadcnvercel

Source code

Premium
$29one-time

Includes the complete project source. Access is granted through a GitHub invite to your account.

Sign in to view code

About this tutorial

Hey everyone, what's up 👋🏻

Today, you are going to build a multi-tenant blogging SaaS application using the best tech on the market. This includes Next.js 15, Kinde Auth, Supabase, Prisma, Stripe, Tailwind CSS, shadcn/ui, Vercel, Conform, and much more. This is a full-stack tutorial, which means we will build everything from start to finish!

Feature:

  • 🌐 Next.js App Router

  • 🔐 Kinde Authentication with MFA

  • 📧 Passwordless Auth

  • 🔑 OAuth (Google and GitHub)

  • 💰Payments using Stripe

  • 🪝 Implementation of Stripe Webhooks

  • 💿 Supabase Postgres Database

  • 💨 Prisma Orm

  • ✅ Server Validation using Zod and Conform

  • 😱 Unique Subdirectory validation

  • 🗂️ File Upload with Uploadthing

  • 🎨 Styling with Tailwindcss and Shadcn UI

  • 😶‍🌫️ Deployment to Vercel

  • Beautiful Landing Page

  • Server side implementation

  • Performance Optimized

  • Clean Code

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

Related tutorials

View all
Create a SaaS Application with Next.js4h 2m

Create a SaaS Application with Next.js

🚀 Build a SaaS Application using Next.js 14, Stripe, Kinde, Prisma, Supabase, and Tailwind! Learn step-by-step and elevate your development skills.

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

Create a Digital Marketplace using Next.js 14

🚀 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.

IntermediateWatch
Create a Reddit Clone with Next.js7h 1m

Create a Reddit Clone with Next.js

Hey everyone, today we are going to build a full stack Reddit clone using the newest tech on the market. This means for example we will use: Next.js 14, Kinde, Supabase, Uploadthing Prisma, Tailwind etc.

IntermediateWatch