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
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/deploymentThe 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
v6.1.3pnpmVercel settings
pnpm build.react-email/.nextpnpm install --no-frozen-lockfile@vercel/next. Without--no-frozen-lockfileflag, the deployment fails withERR_PNPM_OUTDATED_LOCKFILE.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