mirror of
https://github.com/resend/react-email.git
synced 2026-09-14 14:18:02 +08:00
Felipe Freitag Vargas
39 lines
950 B
Plaintext
39 lines
950 B
Plaintext
---
|
|
title: "Deployment"
|
|
sidebarTitle: "Deployment"
|
|
description: "How to deploy the `email dev` preview server to Vercel"
|
|
"og:image": "https://react.email/static/covers/react-email.png"
|
|
icon: "rocket"
|
|
---
|
|
|
|
<Steps>
|
|
<Step title="Add 'build' script to ./package.json">
|
|
```diff
|
|
{
|
|
"scripts": {
|
|
+ "build": "email build"
|
|
}
|
|
}
|
|
```
|
|
</Step>
|
|
<Step title="Change 'Framework Preset' on Vercel's project settings to Next.js">
|
|
You also need to add "next" on `devDependencies` to work properly:
|
|
|
|
```diff
|
|
{
|
|
"devDependencies": {
|
|
+ "next": "latest",
|
|
}
|
|
}
|
|
```
|
|
|
|
This is a limitation on Vercel's Next Framework Preset.
|
|
</Step>
|
|
<Step title="Change 'Output Directory' to .react-email/.next">
|
|
In the end, your settings should look like this:
|
|
|
|
<Frame>
|
|
<img alt="Proper Vercel settings" src="/images/preview-server-vercel-settings.png" />
|
|
</Frame>
|
|
</Step>
|
|
</Steps> |