Create a SaaS Application with Next.js.14, Stripe, Kinde, Prisma, Supabase and Tailwind
🚀 Build a SaaS Application using Next.js 14, Stripe, Kinde, Prisma, Supabase, and Tailwind! Learn step-by-step and elevate your development skills.
🚀 Kinde Auth: https://dub.sh/xeU8r3v
👨🏻💻 GitHub Repository: https://www.janmarshal.com/courses/cr...
🌍 My Website: https://www.janmarshal.com
✅ Follow me on Twitter: / janmarshaldev
📧 Business ONLY: [email protected]
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
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
Pending States
Cache Revalidation
Stripe Customer Portal
Stripe Checkout page
Server side implementation
Add Notes, View Notes, Edit Notes, Delete Notes
Timestamps
00:00 Intro
04:00 Installation
18:00 Setting up Auth
33:00 Marketing Site
40:00 Create Dashboard
01:38:00 Settings Page
02:06:00 Billing Page
02:50:00 Dashboard Index Page
04:01:00 Deployment