出海技术栈集成教程(五):域名邮箱配置教程

我开发了 next.js saas 模板 Nexty.dev,很多用户告诉我文档太详细了,于是我决定把出海技术栈、海外第三方服务集成的文档发出来,希望帮到更多出海的朋友。👉 原文链接

本系列分享的内容包含:

  • 域名购买、解析与配置
  • Supabase 集成教程:登录与数据库
  • Stripe 集成教程:支付配置与开发
  • Resend 集成教程:邮件服务
  • 域名邮箱配置教程:域名邮箱
  • Upstash 集成教程:Redis 与限流器
  • Cloudflare R2集成教程:免费图片存储
  • Cloudflare Turnstile集成教程:免费人机检测

前置步骤

开始使用域名邮箱前,请确认已完成以下前置步骤:

配置域名邮箱

域名邮箱对我们的业务来说很重要,相比于使用个人邮箱,域名邮箱更容易建立用户信任。

我们可以使用 Cloudflare 提供的邮件转发功能实现这个需求,该功能免费使用,可以将域名邮箱(例如 contact@yourdomain.com)收到的邮件转发至你的个人邮箱(例如 yourname@gmail.com)。

配置步骤如下:

登录 Cloudflare 官网,打开域名管理界面,打开 Email 功能,按照页面引导步骤进行配置:

展示的状态是成功的,以后发送到域名邮箱的邮件,都会被转发到你的个人邮箱了。

使用域名邮箱回复邮件

现在可以收到用户发给域名邮箱的邮件了,但回复邮件仍然是个大问题。通过利用 Resend 的 SMTP 功能,我们就能够解决这个问题。

以 Gmail 为例,实现步骤如下:

打开 Gmail 右上角的设置:

点击 Add another email address 设置新邮箱

现在来到 Resend,打开 Setting - SMTP,把 Host、Port 和 User 分别复制到 Gmail 的 SMTP Server、Port 和 Username,然后 Password 填写 RESEND_API_KEY 对应的字符串

提交后,你的 Gmail 会收到一封邮件,确认即可

现在开始,你可以在发邮件的时候,选择域名邮箱作为发送者

总结

出海技术栈集成系列文章会同步发布到我的掘金专栏,欢迎订阅关注。

同时也欢迎出海的朋友了解 Top3 的出海 Next.js SaaS 模板 Nexty.dev。

相关推荐
古茗前端团队19 分钟前
由 key 引发的思考
前端·javascript·react.js
kyriewen39 分钟前
我扫了 422 个仓库,近一半 CI 在裸装依赖
前端·javascript·程序员
鹏多多1 小时前
AI 到底能不能独立做个产品?我拿一个小程序验证了
前端·微信小程序·ai编程
火山引擎开发者社区1 小时前
构建专属的飞书群开发助手,AgentKit Studio 一键部署 DeepSeek Harness Super-Agent
前端
啾咪orJIUMI3 小时前
Vue 3 + 高德地图封装实战:点位、区域、Loca 流光与 Vue 信息窗体
前端·vue.js
掘金者阿豪3 小时前
AI数据库不只是向量检索:从数据语义到库内智能计算的技术演进
前端
梦里寻码3 小时前
我用 NestJS + Vue3 写了一套完整的研发管理系统(58 表 / 229 API / 130 项断言,全开源
前端·后端·算法
FRing033 小时前
vue2干货总结8(路由模块封装、router-link、声明式导航、路由重定向、编程式导航)
开发语言·前端·vue.js·vue2
SL_staff3 小时前
离散制造排程破局:JVS-APS 四步闭环落地实践(开发者视角)
java·产品·全栈
SameX3 小时前
HarmonyOS ArkUI Dialog 复用 用 @CustomDialog + enum type 做多类型统一管理的做法
前端