Skip to content

Bubble plugin · Interface

The Bubble AirAlert plugin in Next.js

Toast notifications from a small browser helper.

Converts

By The deBub teamUpdated

On this page

01What it becomes

Toast notifications from a small browser helper. AirAlert’s toast notifications become toasts with the same look, position and timing, shown from your workflows.

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

02What converts

  • Standard alert (success, information, warning, error) with heading, message and position
  • Custom alert with colors, progress bar, animation and duration
  • Clear all alerts

03About this plugin

AirAlert is made by Airdev (actions (client-side)). Bubble’s plugin marketplace counts 396,959 installs (a cumulative counter). See its page on the Bubble marketplace.

Questions

Does the AirAlert 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 — Toast notifications from a small browser helper.
Will my AirAlert 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

A React component that ships with your app

Converts

A React component that ships with your app: drag/drop groups and drop areas

Partly converts · 3 of 4 parts

A React component that ships with your apps for Airdev Canvas

Partly converts · 18 of 21 parts

A React component that ships with your app that detects swipes

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