Docs/Stripe

Stripe

Add payments, checkout, and subscriptions to your Codunk app.

Why Stripe?

Stripe lets you accept payments, manage subscriptions, and handle invoicing. Codunk can design payment flows with mock data first, then generate real Stripe checkout code once your Stripe keys are connected.

Step 1: Create a Stripe account

Go to stripe.com and create an account. You can start in test mode (no real charges).

Step 2: Get your API keys

  1. Go to Developers → API keys in your Stripe dashboard.
  2. Copy both the Publishable key (starts with pk_test_) and Secret key (starts with sk_test_).

⚠️ Start with test mode keys. Switch to live keys only when you are ready to accept real payments.

Step 3: Connect in Codunk

  1. In the Studio, click Integrations in the top bar.
  2. Click Stripe.
  3. Paste your publishable key and secret key.
  4. Codunk detects test or live mode from the keys, then saves the connection.

What the AI can generate

  • Checkout pages with product cards and buy buttons
  • Pricing tables with multiple plan tiers
  • Subscription management (upgrade, downgrade, cancel)
  • Payment confirmation and receipt pages

Next steps

Connect Supabase →Deploy your site →Google Analytics →Plans & credits →