Email

React Email development and preview application for building and testing transactional email templates

Email Development App

Located in apps/email.
Used for developing and previewing email templates built with React Email.
Templates are sourced from packages/email/src/templates.

Features

Live Preview - Instantly view and test email templates in your browser
React Email Integration - Build templates using React components
Previews for Common Flows - Includes templates for email verification, password reset, and email change

Usage

To preview the emails templates, simply run the email app
```
pnpm dev --filter email
```
For more development commands and options, see the Development Workflow guide.

The email preview application runs on port 3002 (http://localhost:3002) by default.
Edit templates: Modify or add templates in packages/email/src/templates/.

Example Templates

change-email.tsx: Change email confirmation
email-verification.tsx: Email verification
reset-password.tsx: Password reset

API

Express.js REST API with authentication, rate limiting, security headers, and database integration

Studio

Prisma Studio UI for browsing, editing, and managing your PostgreSQL database with an intuitive interface

On this page

Email Development App Features Usage Example Templates