What is Supabase - Hands-On Activity

What is Supabase

📖 Scenario: You want to understand what Supabase is and how it can help you build cloud applications easily.

🎯 Goal: Learn the basic concept of Supabase and create a simple configuration snippet that connects to a Supabase project.

📋 What You'll Learn

Explain Supabase as an open-source backend service

Show how to set up a Supabase client with URL and API key

Demonstrate a simple query to fetch data from a table

💡 Why This Matters

🌍 Real World

Supabase helps developers quickly build apps with a backend database and API without managing servers.

💼 Career

Knowing Supabase is useful for cloud developers, backend engineers, and full-stack developers working with modern cloud databases.

1

Create Supabase client configuration

Create a variable called supabaseUrl and set it to the string "https://xyzcompany.supabase.co".

Supabase

# Your code here

Need a hint?

Use a string variable to store the Supabase project URL.

2

Add Supabase API key configuration

Create a variable called supabaseKey and set it to the string "public-anonymous-key".

Supabase

supabaseUrl = "https://xyzcompany.supabase.co"
# Your code here

Need a hint?

Use a string variable to store the Supabase API key.

3

Initialize Supabase client

Create a variable called supabase and assign it the result of calling createClient(supabaseUrl, supabaseKey).

Supabase

supabaseUrl = "https://xyzcompany.supabase.co"
supabaseKey = "public-anonymous-key"
# Your code here

Need a hint?

Use the createClient function with the URL and key to create the Supabase client.

4

Fetch data from a Supabase table

Write code to fetch all rows from the table profiles by calling supabase.from('profiles').select('*') and assign the result to a variable called profilesData.

Supabase

supabaseUrl = "https://xyzcompany.supabase.co"
supabaseKey = "public-anonymous-key"
supabase = createClient(supabaseUrl, supabaseKey)
# Your code here

Need a hint?

Use the from method with the table name and select('*') to get all rows.