Henosia

Setting up Supabase

Setting up Supabase is super simple! It consists of just 4 steps:

Connect to Supabase

Your entry point to connecting your product with supabase, is the button in the top right of your screen, with the green Supabase logo on it. When your project is not connected to Supabase, you will see this when you click the button.

A close up of the modal opened by the supabase button. Its header reads Supabase project connection and the call to action button reads Connect Supabase project.

If you're not yet a Supabase user, you need to register and login. Simply follow Supabase's flow for signing up and logging in and then return to Henosia afterwards. Now click the Supabase button again and click Connect Supabase project.

Authorize Supabase

This brings up the following Supabase Authorization request in a separate window:

A screenshot from Supabase asking the user to authorize API access for Henosia. It shows a list of the read and write permissions involved, and a selector to select the organization to grant the access to, and then a call to action button reading Authorize Henosia.

It basically grants Henosia the necessary Supabase access to create authentication and a database for your project. Once you have authorized Henosia the necessary access you will get the following confirmation message:

A confirmation page reading Your Supabase organization is now connected!.

Afterwards you are returned to Henosia. Now Supabase is authorized and we can connect our Henosia project with the corresponding Supabase project.

Connect to Supabase project

Click the Supabase button again. This time it will show you something like this:

A modal listing the two Supabase projects to which the Henosia project can be connected, with a possibility to choose either of them.

Obviously the projects shown in your callout will be different from ours, so you should pick the Supabase project you want as the backend of your Henosia project.

Note:

If you don't have any projects created yet on your Supabase account, nothing will show up in the callout. You should then go to Supabase and create the project you want to use as the backend for your Henosia project.

Add functionality

Once you have selected a project, the call out will look like this and you're now ready to add the functionality you need to your project.

A modal showing the Supabase project that is connected to the Henosia project. The call to action button reads Add Supabase functionality and is a drop dwon button.

You have three choices for adding functionality: Password based login + database, SoMe based login + database, or just database.

When the Add Supabase functionality is opened it offers three choices: Supabase login using password, Supabase login using social accounts and Basic Supabase connectivity for pages.

For the purpose of this guide, we choose the first option of password based login + database. Once you click that, it starts a task in Henosia, and you can see Henosia implementing your choice in your project:

A screenshot of Henosia in which an automatic task has been started to add the chosen Supabase functionality to the Henosia project.

Once Henosia is done implementing, your Henosia project now looks something like this:

A screenshot of Henosia after the automatic task has been completed and the project now has a login screen showing in the view area.

Good job! Now you have a backend set up for your project, and together with Henosia you are ready to setup the authentication and database exactly the way you want it to work for your project.

Go to Authentication and Database to get help doing this.

On this page