Skip to content

Unable to deploy React Email v6 preview app to Vercel following the official docs #3498

@realfish

Description

@realfish

What versions are you using? (if relevant)

@react-email/ui@6.1.3, react-email@6.1.3

Describe the Bug

Encountered trouble deploying the React Email preview web app, which is based on @react-email/ui, to Vercel while following the official deployment documentation: https://react.email/docs/deployment

The build and deployment process completes successfully with the settings/configuration mentioned below, but the deployed site always returns 404.

In the Vercel Deployment Summary, only Static Assets are listed. There are no Functions, ISR Functions, etc.

There are no obvious build errors in the Vercel logs, so it looks like the app is built successfully, but Vercel is not serving it correctly from the configured output directory.

What is affected (leave empty if unsure)

Preview Server

Link to the code that reproduces this issue

N/A

To Reproduce

Environment

  • React Email version: v6.1.3
  • Package manager: pnpm
  • Monorepo: Turborepo
  • Deployment platform: Vercel
  • React Email project is located in a subdirectory of the monorepo

Vercel settings

  • Build command: pnpm build
  • Output directory: .react-email/.next
  • Install command: pnpm install --no-frozen-lockfile
    • React Email preview app appears to use the legacy mode of @vercel/next. Without --no-frozen-lockfile flag, the deployment fails with ERR_PNPM_OUTDATED_LOCKFILE.
  • Root directory: set to the subdirectory where the React Email project is located

Expected Behavior

The React Email preview app should be deployed to Vercel and accessible from the generated deployment URL.

What's your node version? (if relevant)

22.x

Metadata

Metadata

Assignees

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions