In this guide, you’ll learn how to:

  • Connect your Stripe account to Rocket.
  • Authorize access via Stripe’s secure OAuth.
  • Start processing payments from your Rocket app.

Your Secret key stays safe with Rocket.
It’s encrypted at rest and never exposed - so you can connect with confidence.

If you plan to support subscriptions, make sure Supabase Auth is set up.
Rocket links Stripe customers to authenticated users through their ID.

​
Before you begin

You’ll need:
  • A Rocket account - rocket.new.
  • A Stripe account.

​
Connect Stripe to Rocket

Link your Stripe account to Rocket and start accepting payments.

1

Start integration from chat or project settings

There are two ways to start connecting Stripe to your Rocket project:

Method 1: Use Rocket Chat (fastest)

  • In any project, open the chat panel and type something like:
    Connect my Stripe account to:

    • Create a one-time checkout for my $29 eBook.
    • Add a monthly Premium plan for $10.

  • You’ll see a popup appear where you can paste and save your Secret key instantly.

    Stripe integration popup in chat

This is ideal if you’re already chatting with Rocket while building - no clicks, just action.

Method 2: Navigate from My Projects

  • Click on the project you want to integrate with Stripe from My Projects.

  • Click the Project Settings on the top navbar next to Preview.

  • Navigate to the Integrations tab.

    Access Integrations tab from project settings

  • Scroll through the integrations list.

  • Click the Stripe card.

    Stripe integration card in Rocket

2

Get your Stripe Secret key

3

Paste and save the key in Rocket

  • Return to Rocket’s Stripe integration screen.
  • Paste your Secret key into the textbox.
  • Click Save to complete setup.

Success check: You’ll see a green dot next to Stripe in Integrations.

Important Security Notice
Never paste your Stripe Secret Key directly into Rocket chat.
Always use the secure integration flow or the API key input provided in settings to connect your account safely.

4

Update or remove your Stripe key

  • Click the Stripe integration again.

  • Replace the existing key or click Disconnect to remove it.

    Remove Stripe API key

Once connected, just describe what you want in chat if you haven’t, Rocket will scaffold the backend logic, UI, and even database if needed - no manual setup required.

Also, Stripe payments must be tested in Test Mode and won’t work in preview.
Be sure your project is deployed, and test using:

  • Card Number: 4242 4242 4242 4242
  • Any future expiration date
  • Any 3-digit CVC

Want to automate post-payment workflows like granting access or sending receipts?
You can connect Stripe webhooks to Supabase Edge Functions for deeper control.

You did it!

Stripe is now connected to your Rocket project. You’re ready to accept payments from users with full security and flexibility.

Need help? We’re here for you.
Email us at support@rocket.new or join our Discord community to get help, share ideas, and connect with other creators.