Skip to content

External Providers — Setup Supabase

Julia Zet edited this page Sep 11, 2023 · 3 revisions

On this page, we will see what an external Supbase account is used for, how to set it up, and how to 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 authentification and to store files in the backend. Supabase can be self-deployed. However, for maintenance reasons, we recommend to simply use the service as free/paid version.

You'll need Supabase to get several environment variables that are needed to use the Frontend. 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
  • database – e.g. postgres
  • user – e.g. postgres
  • password – e.g. yourpasswordforthesupabasedb
  • port – e.g. 5432
  • host – e.g. db.123abc.supabase.co

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!), choose a region (preferable in Europe) and a pricing plan. The free plan might be enough for the start.
  3. Click on create new project

Congratulations! 🎉 You've setup the Supbase project and Supabase automatically created all the environment variables needed. 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