Free tutorials
Create a SaaS Application with Next.js4h 2m

Create a SaaS Application with Next.js

@janmarshalcoding4h 2mIntermediate
nextjstypescriptkindesupabaseprismatailwindcssshadcnstripevercel

Source code

Free

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

About this tutorial

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

Features:

  • 🌐 Nextjs App Router

  • πŸ” Kinde Authentication

  • πŸ“§ Passwordless Auth

  • πŸ”‘ OAuth (Google and GitHub)

  • πŸ’Ώ Supabase Database

  • πŸ’¨ Prisma ORM

  • 🎨 Styling with tailwindcss and shadcn UI

  • βœ… Change the color scheme to your liking

  • πŸ’΅ Stripe for subscription handling

  • πŸͺ Implementation of Stripe Webhooks

  • πŸ˜Άβ€πŸŒ«οΈ 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