/supabase-tutorials

How to deploy a Supabase edge function?

Deploy your Supabase edge function in simple steps: install the CLI, initialize your project, create, deploy, test, and secure your function using the Supabase Dashboard.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web app? RapidDev builds application with your growth in mind.

Book a free No-Code consultation

How to deploy a Supabase edge function?

 

Step 1: Install Supabase CLI

 

First, you need to have the Supabase CLI installed. The Supabase CLI allows you to manage your Supabase projects from the command line.

You can install it using npm:

npm install -g supabase

 

Step 2: Initialize Supabase Project

 

Once you have the CLI installed, you need to initialize a Supabase project. The following command will create a new Supabase project in the current directory:

supabase init

This initializes a Supabase folder structure in your project directory.

 

Step 3: Create an Edge Function

 

Now, create a new Edge Function. You need to create a folder where your function code will reside. Let's call it hello-world:

mkdir supabase/functions/hello-world
cd supabase/functions/hello-world

Inside the hello-world folder, create a new file index.ts:

touch index.ts

Put your function logic inside index.ts. Here's a simple example:

// supabase/functions/hello-world/index.ts
export const handler = async (req: Request): Promise<Response> => {
  return new Response("Hello, World!");
};

 

Step 4: Deploy the Edge Function

 

After writing your function code, you're ready to deploy it. Navigate back to the root of your Supabase project and run the following command:

supabase functions deploy hello-world

This command deploys the hello-world function to Supabase Edge Functions.

 

Step 5: Test the Function

 

To test the deployed function, you can invoke it using the Supabase CLI. Use the invoke command as shown below:

supabase functions invoke hello-world

This will run your function and provide the output in the terminal.

 

Step 6: Connect to Supabase Dashboard

 

For more advanced features, you may want to manage functions using the Supabase Dashboard. Log in to your Supabase account, navigate to your project, and go to the "Functions" section to see the function you just deployed.

Here you can view logs, monitor performance, and tweak settings specific to your Edge Function.

 

Additional Steps: Permissions and Security

 

Ensure that your function is secure and has the right permissions. Access controls settings can be tailored to your needs directly from the Supabase Dashboard under the "Auth" section. Depending on your use case, you might want to add JWT verification or other security measures to your edge function code.

 

By following these detailed steps, you can successfully deploy and manage a Supabase edge function in your project.

Want to explore opportunities to work with us?

Connect with our team to unlock the full potential of no-code solutions with a no-commitment consultation!

Book a Free Consultation

Client trust and success are our top priorities

When it comes to serving you, we sweat the little things. That’s why our work makes a big impact.

Rapid Dev was an exceptional project management organization and the best development collaborators I've had the pleasure of working with. They do complex work on extremely fast timelines and effectively manage the testing and pre-launch process to deliver the best possible product. I'm extremely impressed with their execution ability.

CPO, Praction - Arkady Sokolov

May 2, 2023

Working with Matt was comparable to having another co-founder on the team, but without the commitment or cost. He has a strategic mindset and willing to change the scope of the project in real time based on the needs of the client. A true strategic thought partner!

Co-Founder, Arc - Donald Muir

Dec 27, 2022

Rapid Dev are 10/10, excellent communicators - the best I've ever encountered in the tech dev space. They always go the extra mile, they genuinely care, they respond quickly, they're flexible, adaptable and their enthusiasm is amazing.

Co-CEO, Grantify - Mat Westergreen-Thorne

Oct 15, 2022

Rapid Dev is an excellent developer for no-code and low-code solutions.
We’ve had great success since launching the platform in November 2023. In a few months, we’ve gained over 1,000 new active users. We’ve also secured several dozen bookings on the platform and seen about 70% new user month-over-month growth since the launch.

Co-Founder, Church Real Estate Marketplace - Emmanuel Brown

May 1, 2024 

Matt’s dedication to executing our vision and his commitment to the project deadline were impressive. 
This was such a specific project, and Matt really delivered. We worked with a really fast turnaround, and he always delivered. The site was a perfect prop for us!

Production Manager, Media Production Company - Samantha Fekete

Sep 23, 2022