Alright, let's get started! First, head over to the Supabase website and either sign up or log in. Once you're in, create a new project. You'll need to fill in some details like the project name and database password. Easy peasy.

Next up, we need to install the Supabase CLI. This tool helps you manage Supabase functions. Open your terminal and run this command:

npm install -g supabase

Now, navigate to your project directory. Once you're there, initialize Supabase functions by running:

supabase functions init

Time to create a new function. Run this command:

supabase functions new my-function

This will create a folder named my-function with some template files inside. Pretty neat, right?

Now, let's get our hands dirty with some code. Navigate to the my-function folder and open the index.ts file (or index.js if you're using JavaScript). Modify it to call an external API. Here's an example:

import { serve } from "https://deno.land/[email protected]/http/server.ts";

const handler = async (req: Request): Promise<Response> => {
  const apiUrl = "https://api.example.com/data";
  const apiResponse = await fetch(apiUrl);
  const data = await apiResponse.json();

  return new Response(JSON.stringify(data), {
    headers: { "Content-Type": "application/json" },
  });
};

serve(handler);

Ready to deploy? Run this command:

supabase functions deploy my-function

Head over to the Supabase Dashboard. Navigate to your project, then to the "Functions" tab. Find your deployed function my-function and hit the "Invoke" button to trigger it. Simple as that.

Want your function to run automatically? You can set up real-time triggers in Supabase. Go to the "Triggers" tab in the dashboard and configure the rules you need. This step is optional but super handy.

Finally, to keep an eye on things, check out the logs. Navigate to the "Logs" section under the "Functions" tab in the Supabase Dashboard. Here, you can see any output or errors your function generates.

And there you have it! You've just created and deployed a Supabase function that calls an external API. From setup to monitoring, you're all set.