我开发了 next.js saas 模板 Nexty.dev，很多用户告诉我文档太详细了，于是我决定把出海技术栈、海外第三方服务集成的文档发出来，希望帮到更多出海的朋友。👉 原文链接
本系列分享的内容包含：
- 👉 域名购买、解析与配置
- 👉 Supabase 集成教程：登录与数据库
- 👉 Stripe 集成教程：支付配置与开发
- 👉 Resend 集成教程：邮件服务
- 👉 域名邮箱配置教程：域名邮箱
- 👉 Upstash 集成教程：Redis 与限流器
- 👉 Cloudflare R2集成教程：免费图片存储
- 👉 Cloudflare Turnstile集成教程：免费人机检测
域名选择的重要性
一个好的域名不仅是你品牌的门面，更直接影响用户的信任度和 SEO 效果。
域名选择的基本原则：
- 简短易记：理想长度在 6-15 个字符之间
- 品牌相关性：与你的产品或服务高度相关
- 国际化友好：避免使用难以发音的词汇
- 法律风险：确保不侵犯他人商标权
购买域名
域名购买平台有很多，但我比较推荐的是以下几个：
| 平台 | 优点 |
|---|---|
| Namesilo | 价格适中，免费隐藏 WHOIS 信息 |
| Porkbun | 价格便宜，免费隐藏 WHOIS 信息 |
| Cloudflare | 价格便宜，免费隐藏 WHOIS 信息，更方便地和 Cloudflare 其他功能结合 |
| Namecheap | 价格便宜 |
你还可以通过以下平台进行比价和查询域名是否可注册：
配置域名解析
购买域名后，建议在 Cloudflare 完成域名解析。选择 Cloudflare 的理由包括：
- 全球 CDN 网络：拥有遍布全球的数据中心，显著提升网站访问速度
- 免费 SSL 证书：自动配置和续期 SSL 证书，确保网站安全
- DDoS 防护：免费提供基础 DDoS 攻击防护
- DNS 解析速度：全球最快的 DNS 解析服务之一
- 丰富的安全功能：Web 应用防火墙、Bot 防护等
- 免费套餐功能强大：对于大多数小型项目完全够用
接下来介绍一下在 Cloudflare 添加域名并进行解析的步骤。
在 Cloudflare 添加域名
- 登录 Cloudflare 官网，添加域名
- 输入你的域名
- 选择免费计划
- 下一步会看到提示修改域名的 nameserver
以我的域名在 Namesilo 购买为例，我需要在 namesilo 后台修改域名 nameserver
- 返回 Cloudflare 控制台，在 DNS 页面查看域名状态。当显示
Active时，说明配置成功。
常用 DNS 记录配置
成功添加域名后，你需要配置各种 DNS 记录来让你的服务正常工作：
基础记录类型
| 记录类型 | 用途 | 示例 |
|---|---|---|
| A | 将域名指向 IPv4 地址 | example.com → 192.168.1.1 |
| AAAA | 将域名指向 IPv6 地址 | example.com → 2001:db8::1 |
| CNAME | 将域名指向另一个域名 | www.example.com → example.com |
| MX | 邮件服务器记录 | example.com → mail.example.com |
| TXT | 文本记录，用于验证 | SPF, DKIM 等 |
常见配置示例
1. 基础网站配置
makefile
类型: A
名称: @
内容: 你的服务器IP
TTL: Auto2. WWW 子域名配置
makefile
类型: CNAME
名称: www
内容: example.com
TTL: Auto3. API 子域名配置
makefile
类型: A
名称: api
内容: 你的API服务器IP
TTL: Auto总结
出海技术栈集成系列文章会同步发布到我的掘金专栏，欢迎订阅关注。
同时也欢迎出海的朋友了解 Top3 的出海 Next.js SaaS 模板 Nexty.dev。