Custom domains in Supabase - Mini Project: Build & Apply

Configure a Custom Domain for a Supabase Project

📖 Scenario: You have created a Supabase project for your web application. Now, you want to make your app accessible through a custom domain name instead of the default Supabase URL.This project will guide you step-by-step to configure a custom domain in your Supabase project settings and prepare the necessary DNS records.

🎯 Goal: By the end of this project, you will have configured a custom domain for your Supabase project by setting up the domain data, adding the domain configuration, applying the DNS verification, and completing the domain setup in Supabase.

📋 What You'll Learn

Create a dictionary with the custom domain details

Add a configuration variable for DNS verification token

Write the command to add the custom domain to Supabase using the CLI

Complete the domain setup by confirming DNS verification

💡 Why This Matters

🌍 Real World

Custom domains make your web app look professional and easier to remember by users.

💼 Career

Knowing how to configure custom domains is essential for cloud engineers and developers managing web applications.

1

Create the custom domain data structure

Create a dictionary called custom_domain with these exact entries: 'domain': 'myapp.example.com' and 'project_ref': 'abc123xyz'.

Supabase

# Your code here

Hint

Think of this dictionary as a small address card with your domain and project reference.

2

Add the DNS verification token configuration

Create a variable called dns_verification_token and set it to the string 'verify-123token'.

Supabase

custom_domain = {
    'domain': 'myapp.example.com',
    'project_ref': 'abc123xyz'
}
# Your code here

Hint

This token is like a secret handshake to prove you own the domain.

3

Add the custom domain to Supabase using CLI command

Write a string variable called add_domain_command that contains the exact command: supabase domains add myapp.example.com --project-ref abc123xyz.

Supabase

custom_domain = {
    'domain': 'myapp.example.com',
    'project_ref': 'abc123xyz'
}
dns_verification_token = 'verify-123token'
# Your code here

Hint

This command tells Supabase to add your custom domain to your project.

4

Complete the domain setup by confirming DNS verification

Write a string variable called verify_dns_command that contains the exact command: supabase domains verify myapp.example.com --project-ref abc123xyz.

Supabase

custom_domain = {
    'domain': 'myapp.example.com',
    'project_ref': 'abc123xyz'
}
dns_verification_token = 'verify-123token'
add_domain_command = 'supabase domains add myapp.example.com --project-ref abc123xyz'
# Your code here

Hint

This command confirms that your DNS is set up correctly and completes the domain setup.