Skip to main content
我们集成了 React Email - 一个高质量、无样式的组件集合,用于使用 React 和 TypeScript 创建漂亮的邮件。
为什么选择 React Email它让你能够像在应用程序中一样使用 Tailwind CSS 来设计邮件样式。当然,应用程序中的配置也会被重用于邮件。它还让你能够在邮件中使用组件,因此你可以构建一个通用模板并在所有邮件中使用它。

邮件服务提供商

在仓库的 @repo/email 包中,你可以找到 providers 文件夹。 有多种服务提供商可供选择:

Resend

Plunk

SendGrid

Mailersend

Postmark

Nodemailer

设置发件人邮箱地址

接下来,设置 EMAIL_FROM 环境变量作为发件人邮箱地址。这将是所有邮件的发件人地址。请确保该邮箱地址和域名已在你的邮件服务提供商中验证。

邮件模板

模板位于 @repo/email 包中。你可以在 packages/email/emails 目录中找到它们。

创建邮件模板

要创建一个新的邮件模板,只需在 emails 文件夹中创建一个新的 .tsx 文件。这是一个简单的邮件模板示例:
emails/my-email.tsx

预览邮件

邮件预览
email 应用程序运行在 3003 端口。
要预览邮件模板,只需运行 email 包:
Terminal

发送邮件

发送邮件非常简单,我们将在下一节中向你展示如何操作。