Next.js Subscription Payments Starter

Next.js Subscription Payments Starter is Vercel’s official template for shipping a subscription business quickly. It combines three best-in-class pieces — Next.js for the app, Stripe for billing, and Supabase for auth and data — into a working SaaS skeleton with checkout, a customer portal, and webhook-synced subscription state already implemented. The hard, error-prone parts of payments are done for you.

The architecture splits responsibilities cleanly. Supabase owns identity and the database (with row-level security so users only see their own data), Stripe owns money, and the Next.js layer orchestrates between them. Stripe webhooks are the glue: when a subscription is created, upgraded or cancelled, a handler updates Supabase so your application logic can simply read the current plan from your own database.

Deployment is genuinely one click. The Vercel button clones the repo and provisions the Supabase integration during setup; from there you add your Stripe keys, define products and prices, and you have a billable product. Both the Vercel Hobby tier and the Supabase free tier are enough to launch with — you only start paying Stripe’s per-transaction fees once you are actually taking money.