Home Courses Supabase Day 4
Day 04 Advanced Topics

Edge Functions

Write Deno TypeScript functions at the edge, call external APIs, and handle webhooks.

~1 hour Hands-on Precision AI Academy

Today’s Objective

Write Deno TypeScript functions at the edge, call external APIs, and handle webhooks.

Supabase Edge Functions run Deno TypeScript at Cloudflare's edge. They're perfect for: webhook handlers, sending emails, calling third-party APIs (Stripe, Twilio), and logic you don't want in the browser.

Create and deploy
CREATE AND DEPLOY
# Install Supabase CLI
npm install -g supabase
supabase login
supabase init

# Create a function
supabase functions new send-welcome-email

# Deploy
supabase functions deploy send-welcome-email
supabase/functions/send-welcome-email/index.ts
SUPABASE/FUNCTIONS/SEND-WELCOME-EMAIL/INDEX.TS
import { serve } from 'https://deno.land/[email protected]/http/server.ts';

serve(async (req) => { const { email, name } = await req.json(); // Send email via Resend (or any email API) const res = await fetch('https://api.resend.com/emails', { method: 'POST', headers: { 'Authorization': `Bearer ${Deno.env.get('RESEND_API_KEY')}`, 'Content-Type': 'application/json' }, body: JSON.stringify({ from: '[email protected]', to: email, subject: 'Welcome!', html: `
Hi ${name}!
Thanks for signing up.
` }) }); return new Response(JSON.stringify({ ok: res.ok }), { headers: { 'Content-Type': 'application/json' } });
});
Call from your app
CALL FROM YOUR APP
const { data, error } = await supabase.functions.invoke('send-welcome-email', { body: { email: user.email, name: user.name }
});
📝 Day 4 Exercise
Write an Edge Function
  1. C
  2. r
  3. e
  4. a
  5. t
  6. e
  8. a
  10. S
  11. u
  12. p
  13. a
  14. b
  15. a
  16. s
  17. e
  19. e
  20. d
  21. g
  22. e
  24. f
  25. u
  26. n
  27. c
  28. t
  29. i
  30. o
  31. n
  33. t
  34. h
  35. a
  36. t
  38. a
  39. c
  40. c
  41. e
  42. p
  43. t
  44. s
  46. a
  48. P
  49. O
  50. S
  51. T
  53. r
  54. e
  55. q
  56. u
  57. e
  58. s
  59. t
  61. w
  62. i
  63. t
  64. h
  66. a
  68. m
  69. e
  70. s
  71. s
  72. a
  73. g
  74. e
  76. a
  77. n
  78. d
  80. u
  81. s
  82. e
  83. r
  85. I
  86. D
  87. ,
  89. a
  90. n
  91. d
  93. s
  94. t
  95. o
  96. r
  97. e
  98. s
  100. i
  101. t
  103. i
  104. n
  106. a
  108. S
  109. u
  110. p
  111. a
  112. b
  113. a
  114. s
  115. e
  117. t
  118. a
  119. b
  120. l
  121. e
  122. .
  124. T
  125. e
  126. s
  127. t
  129. i
  130. t
  132. w
  133. i
  134. t
  135. h
  137. c
  138. u
  139. r
  140. l
  141. .
  143. C
  144. a
  145. l
  146. l
  148. i
  149. t
  151. f
  152. r
  153. o
  154. m
  156. y
  157. o
  158. u
  159. r
  161. R
  162. e
  163. a
  164. c
  165. t
  167. a
  168. p
  169. p
  171. a
  172. f
  173. t
  174. e
  175. r
  177. a
  179. u
  180. s
  181. e
  182. r
  184. c
  185. r
  186. e
  187. a
  188. t
  189. e
  190. s
  192. a
  194. p
  195. o
  196. s
  197. t
  198. .

Supporting Resources

Go deeper with these references.

Supabase
Supabase Documentation Complete reference for Auth, Database, Storage, Edge Functions, and Realtime.
→
GitHub
Supabase Examples Official collection of quickstarts and example apps in multiple frameworks.
→
YouTube
Supabase YouTube Channel Tutorial videos from the Supabase team covering new features and patterns.
→

Day 4 Checkpoint

Before moving on, make sure you can answer these without looking:

Continue To Day 5
Realtime
→