How to Deploy a Supabase Edge Function

1# Create a new Edge Function
2supabase functions new process-payment
3
4# This creates:
5# supabase/functions/process-payment/index.ts

1// supabase/functions/_shared/cors.ts
2export const corsHeaders = {
3  'Access-Control-Allow-Origin': '*',
4  'Access-Control-Allow-Headers': 'authorization, x-client-info, apikey, content-type',
5  'Access-Control-Allow-Methods': 'POST, GET, OPTIONS, PUT, DELETE',
6};
7
8// supabase/functions/process-payment/index.ts
9import { corsHeaders } from '../_shared/cors.ts';
10import { createClient } from 'npm:@supabase/supabase-js@2';
11
12Deno.serve(async (req) => {
13  // Handle CORS preflight
14  if (req.method === 'OPTIONS') {
15    return new Response('ok', { headers: corsHeaders });
16  }
17
18  try {
19    const { amount, currency } = await req.json();
20
21    // Create Supabase client with the user's JWT
22    const supabase = createClient(
23      Deno.env.get('SUPABASE_URL')!,
24      Deno.env.get('SUPABASE_ANON_KEY')!,
25      {
26        global: { headers: { Authorization: req.headers.get('Authorization')! } },
27      }
28    );
29
30    // Your business logic here
31    const result = { status: 'processed', amount, currency };
32
33    return new Response(JSON.stringify(result), {
34      headers: { ...corsHeaders, 'Content-Type': 'application/json' },
35      status: 200,
36    });
37  } catch (err) {
38    return new Response(JSON.stringify({ error: err.message }), {
39      headers: { ...corsHeaders, 'Content-Type': 'application/json' },
40      status: 400,
41    });
42  }
43});

1# Start local function server (requires Docker)
2supabase functions serve
3
4# In a separate terminal, test with curl
5curl -i --location --request POST \
6  'http://localhost:54321/functions/v1/process-payment' \
7  --header 'Authorization: Bearer YOUR_ANON_KEY' \
8  --header 'Content-Type: application/json' \
9  --data '{"amount": 1000, "currency": "usd"}'

1# Set a single secret
2supabase secrets set STRIPE_SECRET_KEY=sk_live_your_key_here
3
4# Set multiple secrets from an .env file
5supabase secrets set --env-file ./production.env
6
7# List all secrets (values are masked)
8supabase secrets list
9
10# Remove a secret
11supabase secrets unset STRIPE_SECRET_KEY

1# Deploy a single function
2supabase functions deploy process-payment
3
4# Deploy all functions at once
5supabase functions deploy
6
7# Deploy without JWT verification (for webhooks)
8supabase functions deploy webhook-handler --no-verify-jwt
9
10# The production URL will be:
11# https://your-project-ref.supabase.co/functions/v1/process-payment

1import { createClient } from '@supabase/supabase-js';
2
3const supabase = createClient(
4  process.env.NEXT_PUBLIC_SUPABASE_URL!,
5  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
6);
7
8// Invoke the Edge Function
9const { data, error } = await supabase.functions.invoke('process-payment', {
10  body: { amount: 1000, currency: 'usd' },
11});
12
13if (error) {
14  console.error('Function error:', error.message);
15} else {
16  console.log('Result:', data);
17}