> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rocket.new/llms.txt
> Use this file to discover all available pages before exploring further.
# Stripe
> Connect Stripe to your Rocket.new app and accept payments, subscriptions, and donations with a single prompt.
export const LlmsDirective = () =>
For the complete documentation index, see llms.txt.
For a lightweight markdown version of this page, append .md to the URL.
;
Connect Stripe and describe the payment flow you want in chat. Rocket generates the complete checkout experience: pricing pages, payment forms, webhook handlers, and subscription management.
## What you can do
Monthly or yearly plans with automatic billing, upgrades, downgrades, and cancellation.
Sell digital products, courses, templates, or physical goods with a simple checkout flow.
One-time or recurring donations with preset or custom amounts.
Cart-based checkout with multiple line items, quantities, and a single Stripe payment session.
## Before you connect
You need your **Secret key** and **Publishable key** from the Stripe Dashboard.
**Open your Stripe API keys in the Stripe Dashboard**
| Key type | Prefix | Usage |
| :------------------ | :----- | :---------------------------------------- |
| **Publishable key** | `pk_` | Safe to use on the client side |
| **Secret key** | `sk_` | Server side only - keep this confidential |
Keys come in two modes. Always start with **Test keys** and switch to **Live keys** only when you are ready to accept real payments.
Never paste your Stripe keys directly into chat. Always use the secure connection popup. If your Secret key has been exposed, rotate it immediately from the [Stripe Dashboard](https://dashboard.stripe.com/apikeys).
Stripe works best paired with [Supabase](/build/connectors/supabase/overview) for user accounts. Rocket links Stripe customers to authenticated Supabase users automatically.
## Connect Stripe
You can connect from two places - both open the same popup.
**Option 1: From chat**
Type a prompt that mentions Stripe - for example, `Connect Stripe and add a $49 one-time checkout`. Rocket detects the intent and shows a **Connect** button inline. Click it and the popup opens.
**Option 2: From the Connectors tab**
Click the **`...`** button in the preview toolbar, then select **Connectors**.
Click the **Stripe** card, then click **Connect**.
**After clicking Connect**
A popup opens. Paste your **Secret key** and **Publishable key**, then click **Save**. A green dot appears next to Stripe when the connection is active.
**Update or disconnect**
Go to [**Connectors > Stripe**](#connect-stripe). Update your keys or click **Disconnect** to remove the integration.
You can connect from two places - both open the same popup.
**Option 1: From chat**
Type a prompt that mentions Stripe. Rocket detects the intent, shows a **Connect** button, and the popup opens when you tap it.
**Option 2: From the Connectors tab**
1. Tap the **More** button in the header.
2. Tap **Integrations**.
3. Tap the **Stripe** card, then tap **Connect**.
**After tapping Connect**
A popup opens. Paste your **Secret key** and **Publishable key**, then tap **Done**. A green dot appears next to Stripe when the connection is active.
**Update or disconnect**
Go to **Integrations > Stripe**. Update your keys or tap **Disconnect** to remove the integration.
## Example prompts
| Use case | Prompt |
| ------------------- | -------------------------------------------------------------------------------------------- |
| Simple checkout | `Add a Stripe checkout for my $49 product with a success page.` |
| Subscription plans | `Create a pricing page with Free, Pro ($19/mo), and Enterprise ($99/mo) tiers using Stripe.` |
| Donations | `Add Stripe donation buttons with $5, $10, $25, $50 options and a custom amount field.` |
| Free trial | `Add a 14-day free trial to the Pro plan. Charge $19/month after the trial ends.` |
| Invoices | `Generate and email a PDF invoice to the customer after each Stripe payment.` |
| Coupon codes | `Add a coupon code field to the checkout page that applies a Stripe discount.` |
| Refund flow UI | `Add a "View Orders" page with order history and a link to the Stripe customer portal.` |
| Usage-based billing | `Track API calls per user and charge $0.01 per call using Stripe metered billing.` |
## Tips
* **Always start with Test mode keys.** Switch to Live keys only when you are ready to accept real payments. Test card: `4242 4242 4242 4242`.
* **Connect Supabase first.** Rocket links Stripe customers to Supabase user accounts. Connect Supabase before connecting Stripe.
* **Webhooks are handled automatically.** Rocket sets up the necessary webhook handlers for events like `checkout.session.completed` and `customer.subscription.updated`.
* **Refunds and disputes live in Stripe.** Manage refunds, disputes, and financial reporting directly from the Stripe Dashboard.
* **One set of keys per task.** Each Rocket task connects to a single set of Stripe API keys. You can use the same Stripe account across multiple tasks.
## What's next?
Stripe requires Supabase for user accounts. Set it up if you have not already.
Send order confirmation and receipt emails automatically after Stripe payments.
Track checkout conversion rates and revenue with GA4 e-commerce events.
Full recipe: Supabase + Stripe + Resend + Netlify to build a complete SaaS product.