Email Templates

Learn how to customize and create email templates.

We use React Email to build email templates with React and Tailwind CSS.

Templates are defined as React components in packages/email/src/templates/:

TemplateDescription
MagicLinkPasswordless sign-in email with a magic link.
VerifyEmailEmail verification email sent after signup.

Shared layout components (Header, Footer) are defined in packages/email/src/templates/_components/.

Preview Templates

Start the email live server:

pnpm dev --filter @package/email

The preview server is also started automatically with pnpm dev.

Preview your templates at http://localhost:3333.

On this page