Payments

Stripe Subscription Starter

Checkout, the customer portal, webhooks, and plan state. The billing foundation for a Next.js app, not the whole SaaS.

€39 one-time

  • Full source code
  • Commercial use
  • Instant download after payment
  • No subscription

Screenshots

What’s included

  • Stripe Checkout for subscriptions
  • Free and Pro plan example
  • Customer portal
  • Webhook handling and signature verification
  • Subscription state stored in the database
  • Upgrade, downgrade, and cancellation handling
  • Protected paid route
  • Example pricing page

Overview

Checkout, the customer portal, webhooks, and plan state — the part most SaaS projects postpone. Built for Developers who can build the product and do not want to implement Stripe subscriptions themselves.

Billing, not the whole application

This Next.js subscription starter is the billing foundation: Checkout, the customer portal, webhooks, and plan state. Use it when the product already exists and Stripe subscriptions are the missing piece. For authentication, PostgreSQL, a dashboard, transactional email, and billing together, use the Complete SaaS Starter Kit.

Tech stack

Next.jsTypeScriptStripePrisma

Project structure

This is the zip you download. Dependencies are not included; you run install locally.

src/app/api/stripe/checkout/
src/app/api/stripe/portal/
src/app/api/stripe/webhook/
prisma/schema.prisma
README.md
.env.example

Setup

1. npm install 2. Add STRIPE_SECRET_KEY, STRIPE_WEBHOOK_SECRET, and price IDs to .env 3. stripe listen --forward-to localhost:3000/api/stripe/webhook 4. npx prisma db push && npm run dev

The zip includes the project source, README, and .env.example. After a successful payment the download starts on the thanks page.

License

One-time purchase. No Designyff subscription. After Stripe confirms payment, you download the source. Use and modify it in personal, commercial, and client projects. Do not resell the original source as a competing kit. Attribution is optional. You keep the version you bought; later catalog updates are not a subscription entitlement.

Guides

FAQ

Do I need Stripe products already?

Create a Pro monthly price in Stripe and set STRIPE_PRO_PRICE_ID. The README lists the exact events to send to the webhook.

Is this a full SaaS application?

No. It is the subscription foundation: Checkout, the customer portal, webhooks, and plan state. Authentication, a product dashboard, and email are not in this kit. The Complete SaaS Starter Kit is the broader application and already includes billing.

€39 · one-time

Product updates for developers shipping with Designyff kits.

Guides: Next.js, Stripe, and SaaS starter kits Professional website design for small businesses

Purchased source may be used in personal, commercial, and client projects. Do not redistribute or resell the original source. Terms of Service Privacy Policy

Designyff © 2026 | Starter kits for developers