This guide walks you through how to set up the Liveblocks plugin in your Bubble app and find your keys. If you prefer a video walkthrough, check out our step-by-step tutorial below. Otherwise, keep reading for the written guide:
First, you’ll need to create a new app in Bubble. Sign into Bubble, head to the apps tab in your Bubble account, and click on the “Create new app” button.
You won’t need a template. You can start with the basic features and skip the application assistant.
Now you should see the Liveblocks plugin in the plugins tab. You’ll need to add your secret key to your app, so go to your Liveblocks dashboard.Add a project if you don’t already have one. For this demo, we’ll set up a development project, but in a live production environment, you’ll want to create a production environment as well.
Go to the API Keys tab and reveal your key and copy it, Next, paste the key into the dev field of the Liveblocks plugin. When you move to production, be sure to create a production project and use the production key.In the PLUS version of the plugin, make sure to add your key to the authorization field, and remember to prepend Bearer before your API key.⚠️ Remember, keys are sensitive—keep them secure to avoid unauthorized access and potential charges on your account.