搭建电子邮件系统的步骤 (电子邮件服务器搭建步骤)

大家好，我是TJ

今天给大家推荐一个可以帮助我们实现使用React创建电子邮件的开源组件！

项目名称：react-email

项目地址：https://github.com/resendlabs/react-email

作者认为，电子邮件是人们交流的一种极其重要的媒介。然而，我们需要停止开发像2010年这样的电子邮件，并重新思考2022年及以后如何才能做到这一点。电子邮件的发展需要一次变革、一次翻新。使用如今我们构建Web应用程序的方式才是下一代创建邮件的正确姿势！

通过 react-email 就可以使用 React 和 TypeScrip 来创建漂亮的电子邮件。它支持现在被大家普遍喜欢的暗黑模式、它还可以为您处理Gmail、Outlook和其他电子邮件客户端之间的不一致问题。

如何使用

通过yarn或者npm的命令行安装

yarn add @react-email/button -E

npm install @react-email/button -E

将组件添加到您的电子邮件模板，在需要的地方你可以自由的添加样式。

import { Button } from '@react-email/button';


const Email = () => {
  return (
    <Button href="https://example.com" style={{ color: '#61dafb' }}>
      Click me
    </Button>
  );
};

使用 React Email 构建的电子邮件可以转换为HTML并使用任何电子邮件服务提供商发送，目前已经通过测试的有以下这些：