Setting the Supabase Auth Email Templates in Production | React Router Supabase Turbo

Configure the Supabase authentication URLs and emails in the React Router Supabase Starter Kit.

Makerkit provides a set of email templates that you can use for replacing the standard Supabase Auth emails. Additionally, you can customize these templates to match your brand.

Please update the auth emails using the following documentation in Supabase.

Setting the Email Templates in Supabase

Why should you use our email templates?

  1. They will use the token hash strategy, which remediates the issue of users being redirected to a different browser than the one they used to sign up.
  2. They look better than the default Supabase templates and you can customize them to match your brand.

Customizing the Email Templates

Please clone the templates repository locally and customize them to your liking:

  1. Emails Starter: Clone our Emails Starter at https://github.com/makerkit/makerkit-emails-starter. This repository contains a React.Email project with the email templates already set up.
  2. Customize the templates: Next, you want to customize the templates as you see fit. For example, adding your product name, logo, and other branding elements.
  3. Export the templates: Export the templates with your own information
  4. Replace the templates: Replace the templates in the apps/web/supabase/templates folder
  5. Update the email templates in your Supabase settings: Update the email templates in your Supabase's instance settings so that they use your custom templates.

Now your emails from Supabase Auth will look great and match your brand! 🎉