@react-email/preview-server

@react-email/preview-server

A live preview of your emails right in your browser.

Website · GitHub · Discord

This package is used to store the preview server, it is also published and versioned so that it can be installed when the CLI is being used.

Development workflow

1. Seed email templates

pnpm dev:seed

This generates a boilerplate emails directory for you to work with. These files can also be modified as you see fit since they are not included in git.

2. Run development server

pnpm dev

This is somewhat equivalent to next dev and does not support hot reloading for email templates like the CLI does. It lets you work on the UI for the preview server mainly.

3. Open in your browser

Go to http://localhost:3000