Environment management in Supabase - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set the environment variable for the Supabase URL.

Supabase

export SUPABASE_URL=[1]

Drag options to blanks, or click blank then click option'

Ahttps://api.supabase.io

Bhttps://your-project.supabase.co

Clocalhost:5432

Dhttp://127.0.0.1

Attempts:

3 left

💡 Hint

Common Mistakes

Using localhost or IP address instead of the Supabase project URL.

Omitting the https:// prefix.

The SUPABASE_URL environment variable must be set to your project's unique URL provided by Supabase.

2fill in blank

medium

Complete the code to set the environment variable for the Supabase API key.

Supabase

export SUPABASE_KEY=[1]

Drag options to blanks, or click blank then click option'

Ayour-secret-api-key

Bpublic-anonymous-key

C123456

Dapikey

Attempts:

3 left

💡 Hint

Common Mistakes

Using the public anonymous key instead of the secret key.

Using a placeholder or incomplete key.

The SUPABASE_KEY must be set to your project's secret API key for authentication.

3fill in blank

hard

Fix the error in the environment variable export command for Supabase URL.

Supabase

export SUPABASE_URL=[1]

Drag options to blanks, or click blank then click option'

A"https://your-project.supabase.co"

Byour-project.supabase.co

Chttps://your-project.supabase.co

Dhttps://your-project.supabase.co/

Attempts:

3 left

💡 Hint

Common Mistakes

Not using quotes causing syntax errors.

Including trailing slashes that might cause issues.

When exporting environment variables in shell, the URL should be enclosed in quotes to avoid errors if it contains special characters.

4fill in blank

hard

Fill both blanks to initialize the Supabase client with environment variables.

Supabase

const supabase = createClient([1], [2]);

Drag options to blanks, or click blank then click option'

Aprocess.env.SUPABASE_URL

Bprocess.env.SUPABASE_KEY

CSUPABASE_URL

DSUPABASE_KEY

Attempts:

3 left

💡 Hint

Common Mistakes

Using raw strings instead of environment variables.

Mixing up URL and key positions.

The Supabase client requires the URL and API key from environment variables accessed via process.env.

5fill in blank

hard

Fill all three blanks to create a secure environment configuration file for Supabase.

Supabase

module.exports = {
  supabaseUrl: [1],
  supabaseKey: [2],
  options: { schema: [3] }
};

Drag options to blanks, or click blank then click option'

Aprocess.env.SUPABASE_URL

Bprocess.env.SUPABASE_KEY

C'public'

D'private'

Attempts:

3 left

💡 Hint

Common Mistakes

Hardcoding sensitive keys instead of using environment variables.

Using incorrect schema names.

This configuration exports environment variables for URL and key, and sets the schema to 'public' for default database access.