Skip to content

Bubble plugin · Payments

The Bubble Stripe Customer Portal plugin in Next.js

Server-side API calls to Stripe’s customer portal.

Converts

By The deBub teamUpdated

On this page

01What it becomes

Server-side API calls to Stripe’s customer portal. The plugin is built on Bubble’s plugin API tab, so its calls become server-side API calls with the same parameters; the Stripe key comes from an environment variable and never reaches the browser.

No extra npm package: the generated code uses React, Next.js and browser APIs only.

02What converts

  • Customer portal sessions (fixed or dynamic return URL)
  • Create, update, retrieve and list customers
  • Retrieve a customer’s subscription

03What you set up

  • Add the Stripe key the plugin uses to your hosting’s environment variables (listed in .env.example).

04About this plugin

Stripe Customer Portal.

Questions

Does the Stripe Customer Portal plugin work outside Bubble?
Not as it is: Bubble plugins only run inside Bubble. In a Next.js app it is replaced by generated code — Server-side API calls to Stripe’s customer portal.
Will my Stripe Customer Portal settings carry over?
Yes. deBub reads the plugin’s settings, conditions and workflows from your .bubble export and converts all of the plugin’s parts. Secret keys are the exception: you add them as environment variables.

The deBub team

We build the Bubble → Next.js compiler behind deBub. Spotted something out of date? Write to hello@debub.io.

All 45 plugins

Stripe

Bubble

Server-side calls on the official Stripe SDK, with Stripe Checkout for payments

Partly converts · 14 of 34 parts

Typed server-side functions in src/server/api-connector.ts

Converts

Toolbox

Not Quite Unicorns

Components and browser helpers; your own JavaScript runs in the browser as before

Partly converts · 9 of 10 parts

A React component that ships with your app: icons, toggle, range slider and checkbox

Converts

Leave Bubble.
Keep building.

The scan is free and shows your exact price. No card needed until you choose to generate.

Start with a free scan