vibes.diy/docs Home Discord
creator docs · works with

Works with Stripe

Sell tickets, take a deposit, collect dues or run a paid membership on your own Stripe account — the card on Stripe's page, the money in your account, the record in your app.

What you can build

Apps that take real money for something people already want: tickets for an event with a date, a deposit that holds a booking, dues for a club with a roster, a shop with checkout, a monthly membership that unlocks members-only content. Ask for the payment in your prompt and the builder writes the part that talks to Stripe, keeps the card on Stripe's own page, and keeps the record of who paid in your app.

How it connects

Your own Stripe key, saved on your app. You copy your Stripe secret key once into your app's Settings → Secrets as STRIPE_SECRET_KEY. Your backend.js uses it to open a Stripe Checkout page for each order and to read the payment back before it marks anything paid. The key stays on the server; the page never sees it. Until the key is in, your app shows you a Setup screen with the exact steps, and your buyers see a calm "not open yet".

What it can read and do

Recipe Your app can
One-time payments Open Stripe Checkout for one order, mark it paid once Stripe confirms the payment for that order at that amount, and settle orders whose buyer closed the tab
Memberships Start a subscription on Stripe Checkout, unlock members-only content while it is active, follow renewals and cancellations, and send members to Stripe's Customer Portal to change a card or cancel

Every payment lands in your Stripe account, and the order list in your app agrees with your Stripe dashboard because the app only copies Stripe's answer.

Starter prompts

  • Make a page to sell tickets for our garden concert, with a count of seats left that goes down as people pay at checkout.
  • Build a booking page for my dog-walking service that takes a $20 deposit when someone picks a time.
  • Make a members page for my book club with a $5 monthly paid membership that unlocks the reading notes.

Good to know

  • Start in test mode. Paste your sk_test_ key first and pay with the card 4242 4242 4242 4242; switch to your live key when the test payment goes through. The Setup screen keeps the go-live step for you.
  • One Stripe account per app. Every buyer pays you, the app's owner.
  • Buyers sign in to pay, so each order is a record between a person and you. A signed-out visitor sees "Sign in to join".
  • Apple Pay and Google Pay work on Stripe's checkout page, which opens in a new tab.
  • Memberships follow Stripe's status. To end someone's access, cancel their subscription in Stripe and the app picks it up on its next read.

Go deeper