Skip to main content
Version: v2.x

Using Hasura Cloud with a Supabase Postgres database

Available on: Cloud

Introduction​

This guide explains how to connect a new or existing Supabase Postgres database to a Hasura Cloud project.

Step 1: Sign up or log in to Hasura Cloud​

Navigate to Hasura Cloud and sign up or log in.

Step 2: Create a Hasura Cloud project​

On the Hasura Cloud dashboard, create a new project:

Create Hasura Cloud project

After the project is initialized successfully, click on Launch Console to open the Hasura Console in your browser.

On the Hasura Console, navigate to Data -> Manage -> Connect Database -> Connect existing database:

You will get prompted for a Postgres Database URL. We will create this in the next step and then come back here.

Hasura Cloud database setup

Step 3: Create a Postgres DB on Supabase (skip if you have an existing DB)​

Log into Supabase using your GitHub login.

From your dashboard, click New project:

Create a new project with Supabase

If you don't already have an organization within Supabase, you'll need to create a one. Click New organization:

Create a new organization with Supabase

Fill in a name and click Create organization:

Name your organization with Supabase

After creating your organization, you'll be presented with the Create a new project view. Fill in the necessary information and click Create new project:

Confirm project creation

You'll be redirected to your project's dashboard. After a few minutes, your database should be provisioned. You'll know you're ready once your dashboard changes from this:

Dashboard as project is being provisioned

To this:

Dashboard view after provisioning is complete

Congratulations! You've now created a Postgres instance on Supabase which you can use with Hasura GraphQL Engine. Follow the steps below to connect it to Hasura.

Step 4: Get the database connection URL​

The structure of the database connection URL looks as follows:

postgresql://<user-name>:<password>@<host-server>:<port>/<database-name>

From your database's dashboard, click the Settings icon on the side navigation:

From dashboard, choose settings on the left-hand side

Choose Database:

Database information within the settings view

Then scroll down to find the Connection string section. Select the URI option and copy the string:

Grab the PG db connection string
Note

You'll need to replace [YOUR-PASSWORD] with your project's password.

Step 5: Finish connecting the database​

Back on the Hasura Console, enter the database URI that we retrieved in the previous step:

Connect the database on Hasura Console

Then click Connect Database.

Note

For security reasons, it is recommended to set database URLs as env vars and using the env vars to connect to the databases in place of the raw database URLs.

Voilà. You are ready to start developing.

Hasura Console

Next steps​

You can check out our 30-Minute Hasura Basics Course and other GraphQL & Hasura Courses for a more detailed introduction to Hasura.

You can also click the gear icon to manage your Hasura Cloud project. (e.g. add collaborators, env vars or custom domains).

Project actions