Basic Setup

Before you start working with this plugin, please read Supabase's documentation carefully on how you should setup your instance.

After you install the plugin, you'd want to fill out these basic information, in order to connect to your supabase instance.

To get these values, go to the Setting area of your Supabase Dashboard, and click on the API tab. The link for that should be: https://app.supabase.com/project/*YOUR-PROJECT-ID*/settings/api

Fill out both Public Keys in the plugin setting. This is an essential step for the Plugin to work properly. When the page loads, the Plugin will create a new Client so that it can communiate with Supabase. This is done for each element you put on the page, which is needed so we can construct the API calls to Supabase for Auth, Storage etc. Both your Project ID and Anon key will be pre-generated by Supabase when you create your project.

1. Supabase URL: A RESTful endpoint for querying and managing your database, which you can find in the API tab of your Supabase project Settings. The Supabase URL looks like this: https://YOUR-PROJECT-REFERENCE-ID.supabase.co. You can also find the project reference ID in /settings/general tab, however you need to input the full URL in this field.

1. Supabase Key: Your project's 'anon' key, which is needed to be sent with every API request, and it's used to determine "anonymous" access to your Database based on RLS. You can find it in the API tab of your Supabase project Settings. The 'anon' key is a JSON Web Token in itself, which will be used by Supabase to determine which data can the user access when they're not authenticated.

Here's a short video which explains the API keys a bit more in details: https://www.youtube.com/watch?v=v3Exg5YpJvE

NOTE: This Key is basically your Public API Key, it's safe to use that in the browser/client-side. You can also copy that key and decode here: https://jwt.io/ to get some additional information, and you can also verify the signature by copy-pasting your JWT Secret, which you can find right below your API keys. Please also note that if you generate a new 'JWT Secret' your current 'anon' API key will be invalid.

Last updated