External Providers — Setup Supabase

On this page, we will see what an external Supbase account is used for, how to set it up, and configure it.

Purpose

Supbase is an open source alternative to Firebase and provides us powerful backend services. Thus, we use Supabase to host our database, to handle user authentication and to store files in the backend. Supabase can be self-hosted since it is open core. However, for maintenance reasons, we recommend to use the service as paid version. There is also a generous free plan available.

From Supabase you will get several environment variables that are needed to set up the frontend and backend properly. Those are:

• SUPABASE_URL - e.g. https://123abc.supabase.co
• SUPABASE_ANON_KEY – e.g. eyJhbG...
• SUPABASE_SERVICE_ROLE_KEY – e.g. eyKlBg...
• SUPABASE_MAX_ROWS – e.g. 10000

Set up

1. Go to supabase.com and create an account. This can either be done by using your GitHub account or by e-mail sign-up. In Overview click on Add New Project
2. Click on New Project and choose a name, set a database password and save it in a secure place like a password manager. Choose a region near to your user base and a pricing plan. The free plan might be enough for the starters.
3. Click on create new project

Congratulations! 🎉 You've setup the Supabase project. Supabase automatically created all the environment variables you need. To find the environment variables needed, navigate to your project and click on Project Settings and either Database or API.

To continue the Backend Setup, please read Configure Supabase