General

React Email Preview

Learn how to preview email templates using React Email's preview server.

Start the preview server

To preview email templates, run:

Terminal

npm run email:dev

The preview server runs at http://localhost:3001 and automatically detects all email templates in lib/email/templates/ .

How it works

React Email's preview server automatically:

Scans the lib/email/templates/ directory
Detects all email template files
Uses the PreviewProps exported from each template for preview data
Provides a web interface to preview all templates

Email Development

React Email allows you to develop email templates using React components, making it easy to create responsive and beautiful emails that work across email clients.