Launch Kit logoLaunch Kit

Blog

Stripe checkout that grants access

·

Laptop and phone on a dark desk showing a checkout flow, with a warm orange glow suggesting access unlocked

The pricing card calls ButtonCheckout with the price ID from config.ts (that value comes from NEXT_PUBLIC_STRIPE_PRICE_ID). The API route opens a Stripe Checkout session. After payment, Stripe hits /api/webhook/stripe.

That webhook looks up the plan by price ID, finds or creates the user, and sets has_access on their profile. The dashboard is the page they land on next.

Dark workspace with a monitor showing a successful payment webhook and a green confirmation
The webhook is what turns a paid session into access. Test it with the Stripe CLI before you go live.

What you edit

  1. Put your price ID in .env.local.
  2. Keep the plan name, price, and bullets in config.ts.
  3. Point Stripe at your webhook URL and paste STRIPE_WEBHOOK_SECRET.

You do not rebuild Checkout or invent a new access flag. The kit already stores customer_id, price_id, and has_access on the profile.

Ready to ship?

Auth, payments, and email are already wired. Pay once and spend the week on the product.

Get Launch Kit
← All articles