SuperAPI AI 工具集

react-email

前端与建站

查看项目

更新于 10-16 00:29

技能介绍

用途:React Email 让开发者用 React 组件编写邮件模板,并处理不同邮件客户端的兼容性、响应式布局和深色模式,适合构建事务邮件、newsletter 与通知邮件。

主要能力:提供 Html、Head、Body、Container、Section、Row、Column、Text、Heading、Link、Button、Img、Preview、Hr、CodeBlock、CodeInline、Font、Tailwind 等组件;支持用 render 输出 HTML 或纯文本;可配合 Resend、Nodemailer、SendGrid 等邮件服务发送;支持 Tailwind CSS 与深色模式媒体查询。

使用方式:安装 npm install @react-email/components react-email;在 emails/welcome.tsx 中定义组件;用 npx react-email dev 在 http://localhost:3000 预览并热重载;用 render 生成 HTML 后交给邮件服务发送。

适用场景:订单确认、密码重置、欢迎邮件等常见模板。

限制与建议:多数邮件客户端不支持 style 标签,应使用内联样式;宽度建议不超过 600px;需跨 Gmail、Outlook、Apple Mail 测试;建议提供纯文本版本、使用网络安全字体或回退字体、包含 Preview 组件并为图片添加 alt 文本。资料未提供收费、价格与平台支持等细节。