Skip to main content

​
Welcome to KwikSaaS

Launch your SaaS in days, not months. Complete boilerplate with auth, billing, email, and polished UI.
New here? You can get KwikSaaS running in 5 minutes with just Supabase. Start here →

5-Min Setup

Get running with minimal config — just Supabase needed

What to Customize

Clear guide: what to change vs what to leave alone

Full Quickstart

Complete setup with Stripe, Resend, and PostHog

Payments

Stripe checkout, subscriptions, and customer portal

​
What’s Included

Complete auth system with Supabase:
  • Email/password with verification
  • OAuth providers (Google, GitHub)
  • Magic links for passwordless login
  • Password reset flow
  • Protected routes via middleware
  • Session management (server + client)
Stripe integration for billing: - Checkout sessions for subscriptions and one-time purchases - Customer Portal for self-service management - Webhook handlers for automatic database sync - Plan-based feature gating - Promo codes and coupons support
Transactional emails with Resend: - Magic link emails - Email confirmation - Password reset - Purchase receipts - React Email templates for customization
Production-ready dashboard: - Collapsible sidebar navigation - Settings pages (general, account, billing, notifications) - Interactive charts (Recharts) - Data tables with sorting and filtering - User menu with profile and sign-out
Conversion-optimized landing pages: - Hero section with CTAs - Features showcase (grid, bento, accordion) - Social proof marquee - Pricing page with plan comparison - FAQ accordion - Contact form with validation
MDX-powered content: - Blog with tags, authors, and thumbnails - Changelog for version updates - Legal pages (privacy, terms, cookies) - Syntax highlighting with Shiki - Dynamic OG image generation
PostHog integration (optional): - Automatic pageview tracking - Custom event capture (client + server) - User identification - Feature flags and A/B testing - Session replay support
Built-in SEO best practices:
  • Dynamic sitemap generation
  • robots.txt configuration
  • Metadata API for all pages
  • Open Graph images
  • JSON-LD structured data

​
Tech Stack

LayerTechnology
FrameworkNext.js 16 (App Router, React 19)
LanguageTypeScript, Tailwind CSS v4
DatabaseSupabase (Postgres, Auth, Storage)
PaymentsStripe
EmailResend + React Email
AnalyticsPostHog (optional)
ValidationZod + React Hook Form
UI50+ shadcn/radix components

​
Architecture Overview

​
How It Works

  1. Marketing → Checkout: Pricing buttons call /api/checkout_sessions → Stripe collects payment → webhooks sync to Supabase
  2. Access Control: lib/access.ts checks subscriptions and one-time purchases
  3. Dashboard: Server actions read RLS-protected data; middleware protects routes
  4. Email: Auth emails via Resend with React Email templates
  5. SEO: Centralized config powers metadata, sitemaps, and OG images

​
Quick Facts

  • Framework: Next.js 16 with Turbopack
  • React: Version 19 with Server Components
  • Styling: Tailwind CSS v4
  • Package Manager: npm or pnpm
  • Minimum Node: 18+

​
Getting Help

GitHub Issues

Report bugs or request features

Email Support

Direct support for customers

​
Next Steps

1

Clone and install

Follow the Quickstart to get running locally.
2

Configure services

Set up Supabase, Stripe, and Resend with your API keys.
3

Customize branding

Update logo, colors, and content in the Customization guide.
4

Deploy

Push to production with Deployment instructions.