Supabase Data

It's a good practice if your Data rely on the User being authenticated that you hide all the Data elements until the Auth has been successfully Initialized. This can be done with a condition to only show the Data elements once: "Supabase Auth's Access Token is not empty". Since this token will only appear when the user is authenticated and the code inside the Data element will only run once visible on the page.

The Supabase Data element is the core element of the Plugin. On page load it fetches the information based on your input which you can access right away. When you Create, Update or Delete Data, it will automaticaly refreshes the originally fetched list.

In order to use the plugin which is tailored to your Database there's a few things needed to do:

  • Let's say you have a table called "Books" if you'd like to access the data, first we have to make it available in Bubble as a Data Source. Head over to the API Documentation and copy the cURL for "Read rows".

  • Copy the cURL into the API Connector, the call should look like this:

  • Once you click Initialize call, you should see the Returned Values. Make sure you check all the things, make sure it's the right format. Like in the below example we've changed the "created_at" field from text to date, so we can use as a date in Bubble.

  • For the Plugin element the setup should be the following. Make sure for the "Table" and "Filter Name" you set the values exactly how it's in your Supabase Instance.

When successful your Data is ready to be used in Repeating groups, like in the screenshot below.

Last updated