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!
🚀 Kinde Auth: https://dub.sh/xeU8r3v
👨🏻💻 GitHub Repository: https://janmarshal.com/courses/create-a-saa-s-using-next-js-15-kinde-auth-supabase-prisma-stripe-and-tailwind-css
🌍 My Website: https://www.janmarshal.com
✅ Follow me on X: https://x.com/janmarshaldev
📧 Business ONLY: [email protected]
Features:
🌐 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
Installation Script: npm i @radix-ui/react-dialog @radix-ui/react-dropdown-menu @radix-ui/react-label @radix-ui/react-select @radix-ui/react-separator @radix-ui/react-slot @radix-ui/react-switch class-variance-authority clsx lucide-react tailwind-merge tailwindcss-animate --legacy-peer-deps
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/
Uploadthing: https://uploadthing.com/
Conform: https://conform.guide/
Vercel: https://vercel.com/
Tailwind Typo: https://github.com/tailwindlabs/tailwindcss-typography
Timestamps:
00:00 Intro
05:40 Installation and Overview
21:00 Authentication
45:00 Create Dashboard
01:30:00 Site Creation (Validation)
01:40:00 Database & Prisma
02:05:00 Continue with Site Creation
02:45:00 Articles Overview
03:00:00 Article Creation
04:45:00 Continue with Articles Overview
05:10:00 Edit Article
05:35:00 Delete Article
05:50:00 Site Settings
06:55:00 Dashboard Index Page
07:15:00 Blog Frontend
08:05:00 Stripe & Pricing Page
10:10:00 Landing Page
10:50:00 Deployment to Vercel
11:15:00 Outro