Custom Auth Emails with React Email and Resend

To celebrate Resend's Launch Week[0], here a quick tutorial on how to customize your Supabase Auth Emails using Resend, React Email[1], and Auth Hooks!

CHAPTERS:
00:00 Intro
00:10 Resend Launch Week Forward
00:23 Supabase Auth Email Hooks
00:35 Custom Emails with React Email
00:50 Use React Email in Supabase Edge Functions
02:11 Use Resend in Supabase Edge Functions
03:45 Configure a Supabase Auth Email Hook
05:55 Or use the Supabase Resend Integration

💻 Videos to watch next:

👇 Learn more about Supabase 👇

📱 Connect with Us:

ABOUT SUPABASE:
Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.

Build in a weekend, scale to millions.

#Supabase #AppDevelopment #RealtimeApps #DeveloperTools #Auth #email #resend

[warrensadler]

Are there any best practices you'd recommend in terms of deliverability? Some mail clients auto-click links to verify they aren't spam which exhausts the auth tokens.

[MrAmG]

I love how the screen tracks your mouse to show what you do. Very good 👍

[dinhkhanh]

Just in time I need this. Still need more documentation and customization ability for self-hosted version

[dshukertjr]

This is awesome! Being able to use react email with Supabase Auth emails is huge!