Starter kits

Payments

Stripe Subscription Starter

Checkout, the customer portal, webhooks, and plan state — the part most SaaS projects postpone.

Next.jsTypeScriptStripePrisma

Who it is for

Developers who can build the product and do not want to implement Stripe subscriptions themselves.

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

What you receive

  • Next.js app focused on billing
  • Webhook route
  • Prisma subscription model
  • README

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. Install dependencies locally. Paid source is not published on the site.

License and access

One-time purchase. 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. The download stays on the success page for that checkout session.

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.

Product updates for developers shipping with Designyff kits.

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

Designyff © 2026 | Starter kits for developers | Powered by  Tacko