beginner~25 minutessaas

SaaS Starter — Windsurf + Supabase + Vercel

Full SaaS built with Windsurf Cascade

Complete SaaS built using Windsurf's Cascade for multi-step code generation. Supabase handles the backend, Vercel deploys it.

WindsurfNext.js 14SupabaseSupabase AuthStripeVercelTailwind + shadcn/ui

What's Included

🔐

Supabase Auth

Email + OAuth with RLS

💳

Stripe Billing

Subscriptions with webhooks

📊

Dashboard

User dashboard with data

🚀

Vercel Deploy

Auto-deploy from GitHub

Setup Guide

1

Open Windsurf

Create a new project. Use Cascade to build the entire app from the prompt below.

2

Connect Supabase

Create Supabase project and add credentials.

Add to .env.local

NEXT_PUBLIC_SUPABASE_URL=

NEXT_PUBLIC_SUPABASE_ANON_KEY=

3

Add Stripe

Add Stripe keys and create products.

Add to .env.local

STRIPE_SECRET_KEY=

NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=

4

Deploy to Vercel

Push to GitHub, import to Vercel.

Cursor Prompt

Paste this into Windsurf to generate the full codebase

Use Cascade to build a complete SaaS:

Step 1: Create Next.js 14 project with Supabase client setup
Step 2: Add Supabase Auth (email + Google OAuth)
Step 3: Create database tables (profiles, subscriptions) with RLS
Step 4: Build dashboard at /dashboard
Step 5: Add Stripe subscription checkout
Step 6: Build settings page with billing portal

Use shadcn/ui for all components. TypeScript strict mode.

Tools You'll Need

Based on this starter's stack

Some links are affiliate links.

Common Issues

Related Starters

Frequently Asked Questions

~25 minutes. The setup guide walks you through every step with copy-paste commands. No guesswork.

Free to start. Vercel's free tier is sufficient for most MVPs.

Yes. The starter kit gives you a working foundation. Use the included Cursor prompt to add features specific to your product.

Check our integration guides at /integrations and prompt library at /prompts for step-by-step instructions on adding any feature.