The Bubble Stripe plugin in Next.js

Server-side calls on the official Stripe SDK, with Stripe Checkout for payments. The common Stripe workflows convert to server code on Stripe’s official SDK: subscriptions and one-off charges go through Stripe Checkout, and the Stripe data your pages show (subscriptions, cards) is read on the server. Prices and other fixed settings stay on the server; the browser can only act on the signed-in user’s own Stripe customer.

npm packages added to your app: stripe.

• Subscribe the user to a plan (Checkout, or updating an existing subscription) and cancel a plan
• Charge the current user (Checkout payment)
• Collect a card, make a card default, delete a card
• Update the customer’s information
• Charge a user with a saved card and refund a charge (backend workflows only)
• Data: the user’s subscriptions, subscription status and cards

• Invoices and invoice items
• Coupons (creating one, applying one to an existing plan) and subscription items
• Customer balance adjustments, tax IDs, capturing an authorized charge
• Stripe Connect payouts and transfers to sellers

Where your app uses one of these, the generated code keeps a marked placeholder in the right place and your report lists it, so it can be finished with the assistant or by any developer. The rest of the plugin works as described above.

• Set STRIPE_SECRET_KEY in your hosting’s environment variables (sk_test_… while testing).

Stripe is made by Bubble itself (actions + data sources (payments)). See its page in the Bubble manual.