Skip to content

Bubble plugin · Utilities

The Bubble Prevent Right Click plugin in Next.js

Browser helpers.

Partly converts · 2 of 3 parts

By The deBub teamUpdated

On this page

01What it becomes

Browser helpers. The prevent and allow actions become helpers that block or allow the right-click menu, with the same exception element.

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

02What converts

  • Prevent right click (with an exception element) and allow it again

03Not converted yet

  • One element listed in the plugin’s definition (a geo-map chart) has no converter.

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.

04About this plugin

Prevent Right Click.

Questions

Does the Prevent Right Click 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 — Browser helpers.
Will my Prevent Right Click settings carry over?
Mostly. deBub converts 2 of the plugin’s 3 parts from your .bubble export; anything else is marked in the code and listed in your report. Secret keys are added 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

Toolbox

Not Quite Unicorns

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

Partly converts · 9 of 10 parts

CSS Tools

Zeroqode

A React component that ships with your app plus browser helpers

Partly converts · 8 of 11 parts

A React component that ships with your app that shows connection notices

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