React Email Preview

The starter kit includes React Email for creating emails with React and TypeScript. React Email also includes a preview server for email templates.

Start the preview server

To preview email templates, run:

Terminal

pnpm --filter react-email-preview dev

Now the preview server runs at http://localhost:3003

Add a new preview template

When you create a new email template, add also a new file for the preview. For example apps/react-email-preview/emails/my-email-template.tsx would look like the following:

apps/react-email-preview/emails/my-email-template.tsx

import * as React from 'react';import { MyEmailTemplate } from '@workspace/email/templates/my-email-template';export default function RenderedEmail(): React.JSX.Element {  return (    <MyEmailTemplate      appName="Acme"      name="John Doe"    />  );}