New 🎉 Next.js 13 & Subscriptions. Learn more →
Documentation

Mail Templates

supastarter also includes responsive and customizable mail templates for all supabase mails like invite, password reset and so on.

These templates are built using mjml to make the mail look great on all devices and to make the customization as easy as possible. You can find the mail templates in the /mail-templates folder.

To learn more about mjml, check out the mjml documentation.

1. Customize mail templates

You can customize the mail templates by editing the .mjml files. After you have made your changes, you can generate the new mail templates html code. We suggest using mjml extension for VSCode.

While editing the mail template it gives you live preview of the output:

mjml previewmjml preview

To export the mail template as html you can use the command palette with CMD + Shift + P and MJML: Export HTML.

mjml exportmjml export

The generated html code can then be added in your supabase admin panel.

2. Setup mail templates in supabase

To setup the mail templates in supabase, navigate to Authentiation > Email templates and for every mail copy and paste the html code from the generated files.

Supabase email templatesSupabase email templates

supastarter

Get your SaaS started in minutes

Save time and focus on your business with supastarter, the scalable and production-ready boilerplate for your SaaS.

Get started →
supastartersupastarter

© 2022 supastarter. All rights reserved.

Product

  • Demo
  • Pricing
  • FAQ
  • Documentation
  • Changelog
  • Roadmap
  • Starter templates