-
安装依赖
npm install
-
设置环境变量 创建
.env.local文件：RESEND_API_KEY=your_resend_api_key_here
-
启动开发服务器
npm run dev
-
访问应用
- 网站：http://localhost:3000
- API测试：POST http://localhost:3000/api/contact
- 连接GitHub到Vercel
- 在Vercel设置环境变量：
RESEND_API_KEY - 自动部署
- 构建命令：
npm run build - 发布目录：
out - 设置环境变量：
RESEND_API_KEY
- 构建命令：
npm run build - 启动命令：
npm start - 端口：3000
POST /api/contact- 发送联系表单邮件
| 变量名 | 描述 | 必需 |
|---|---|---|
RESEND_API_KEY |
Resend邮件服务API密钥 | 是 |
如果遇到405错误：
-
检查部署平台是否支持API路由
- Vercel：✅ 支持
- Netlify：❌ 需要函数配置
- Cloudflare Pages：❌ 需要Workers
-
Cloudflare设置
- 关闭"Always Use HTTPS"重定向
- 设置代理状态为"DNS only"而不是"Proxied"
- 检查Page Rules是否干扰API请求
-
5F3B 推荐部署到Vercel
- 原生支持Next.js API路由
- 无需额外配置
- 自动HTTPS
Q: 405错误？ A: 使用Vercel部署，或检查Cloudflare设置
Q: 邮件发送失败？ A: 检查RESEND_API_KEY环境变量
Q: 本地正常，部署后不行？ A: 确认环境变量在部署平台正确设置