SuperAPI AI Directory

stripe-checkout

Coding & development

View repository

Updated 10-17 19:40

About this skill

Ship payments that grant access only from a verified Stripe event. Test mode first, live mode only when the user says the test flow works.

1. Test mode

  1. Ask the user for the test keys (Stripe Dashboard, sandbox, Developers > API keys): pk_test_... and sk_test_.... Store the secret only server-side (Convex env, Cloudflare secret, .env.local), never in a VITE_/NEXT_PUBLIC_ variable, never in git.
  2. Create the product and price (or one per product) with the Stripe API or CLI; keep the price IDs in config, never trust a price sent by the browser.
  3. Server endpoint creates a Checkout Session (mode: "payment" or "subscription") with client_reference_id / metadata = the user id and product id, customer_email when known, success_url with {CHECKOUT_SESSION_ID}, cancel_url.
  4. Webhook endpoint (checkout.session.completed, plus charge.refunded / customer.subscription.deleted when relevant):
    • read the raw body and verify the signature with the webhook secret (whsec_...);
    • make it idempotent (store the event or session id, ignore duplicates);
    • grant access from the verified session, never from the success page;
    • upsert the buyer in the email tool (subscribed, product tag).
  5. Local or dev webhooks: stripe listen --forward-to <url>/api/stripe/webhook and use the printed secret.
  6. The success page reads the session server-side and shows "access unlocked" or "payment processing".

2. Test end to end

Logged out, with a new email, pay with 4242 4242 4242 4242, any future date, any CVC. Check: success page, login code email received, product unlocked in the member area, order row in the database, one webhook delivery marked 200 in Stripe. Also try a declined card (4000 0000 0000 0002) and a second delivery of the same event.

3. Production

  1. The user gives the live keys (pk_live_..., sk_live_...). Set them in the production env only.
  2. Create the live products and prices, and the live webhook endpoint on the production URL with the same events; store its whsec_ secret in production.
  3. Deploy, then ask the user for one real purchase (or a 100 % coupon) and verify the same checklist. Refund it if it was a test.

Rules

  • Never print, log or commit keys. Never use live keys in dev.
  • Never grant access from a URL parameter or client call.
  • Run the audit-safety skill on the checkout and webhook before going live.