Stripe
Using Stripe with Bolt
Getting Started
Stripe integration in bolt.new relies on Supabase. Make sure you have connected your Supabase account to your Bolt account as described here. Watch a video tutorial of the process below:
Supabase edge functions are required for Stripe integration in Bolt. Firebase is not supported. Existing custom Stripe implementations are not supported by the built-in integration. Existing projects with custom Stripe integrations will remain functional but cannot migrate to the new implementation.
Stripe integration in Bolt supports one-time payments and subscriptions. Authentication via Supabase is required for all payment types. You can add Stripe API keys (test or live) in Bolt. Once configured, products sync automatically from the Stripe dashboard.
Configure Authentication
Stripe integration works best with authentication already in place. If you haven’t done so, add authentication to your project by prompting Bolt to setup user authentication.
Prompt Bolt to add Payments via Stripe
Prompt Bolt to add payments using Stripe.
Obtain Stripe API Key
- Create a Stripe account if you haven’t already
- Once logged in, navigate to the Developers section in your Stripe Dashboard
- Get your Stripe secret key
Make sure you are working in Stripe’s Developer sandbox when building your application. This allows you to simulate Stripe events without processing real money. Make sure you use test cards to simulate payments. Do not use real card details.
Add API Key and Retrieve Products
Enter your secret key and click “Retrieve my products” to select the products you would like to use for your application:
Apply Selection
Once you have made your product selections, click “Apply Selection”. Bolt will now create edge functions to handle Stripe checkout session creation and webhook processing securely.
Supabase Connection
At this stage, Bolt will output the following:
If you have already connected to the relevant Supabase project, you can discard this message. Otherwise, click “Connect to Supabase” at the top-right of the page:
From here, you can connect to an existing project or create a new project. Bolt will then prompt you to apply the Stripe Integration Schema.
Testing
Test your Stripe integration using test cards as described here.