Setting the Supabase Auth Email Templates in Production
Configure the Supabase authentication URLs and emails in the Next.js 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.
Failure to do so will result in hiccups in the authentication flow when users click on an email and get redirected to a different browser than the one they used to sign up due to how the PKCE flow works.
Setting the Email Templates in Supabase
Why should you use our email templates?
- 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.
- 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:
- Clone our Emails Starter at https://github.com/makerkit/makerkit-emails-starter
- Customize the templates as you see fit
- Export the templates with your own information
- Replace the templates in the
apps/web/supabase/templates
folder - Update the email templates in your Supabase settings
Now your emails from Supabase Auth will look great and match your brand! 🎉