邮件

邮件

邮件发送使用 Resend,模板使用 React Email 组件。

主要文件

路径作用
src/features/mail/client.tsResend client 配置
src/features/mail/actions.ts发信 actions
src/features/mail/utils.ts邮件工具函数
src/features/mail/templatesReact Email 模板
src/test/mail/newsletter.test.ts邮件相关测试

环境变量

变量作用
RESEND_API_KEYResend API 凭证
EMAIL_FROM用户看到的发件人

示例:

RESEND_API_KEY="re_xxxxxxxxx"
EMAIL_FROM="NextDevTpl <noreply@example.com>"

模板

邮件模板是 React 组件:

模板作用
welcome-email.tsx欢迎/引导邮件
primary-action-email.tsx带按钮的通用操作邮件

改邮件模板时,文案尽量短,不要依赖复杂 CSS。邮件客户端的 CSS 支持很有限。

本地行为

没有配置 Resend 时,依赖邮件投递的功能应该视为不可用。先测试基础邮箱密码流程,再启用 Resend 测试验证邮件和重置密码。

本页目录