前端托管二选一：Vercel 体验丝滑，Cloudflare 又快又便宜。2026 年两者差距缩小，选错的代价主要是钱和迁移成本。
按构建、函数、缓存、计费四个维度一次讲清。
核心结论
- ✓体验：Vercel 预览链接和集成最顺
- ✓成本：Cloudflare 免费额度大方，超量也便宜
- ✓缓存：Cloudflare Tiered Cache 和规则更细
- ✓结论：个人/小站选 CF，团队协作重度选 Vercel
四维对比
- ·构建：两者都快，Vercel 对 Next 优化更深
- ·函数：Vercel Edge/Serverless 上手快，CF Workers 性能强但要学
- ·缓存：CF 规则 + 分级缓存是看家本领
- ·计费：CF 免费额度慷慨，Vercel 按用量涨得快
迁移步骤（Vercel → CF Pages）
- ·连仓库，构建命令照搬
- ·环境变量逐个迁移
- ·重写 rewrites/headers 为 _headers/_redirects
- ·绑定域名，切 DNS，观察 24 小时
部署命令
# Cloudflare Pages 本地预览
npx wrangler pages dev dist
# Workers + 静态资源部署
npx wrangler deployWebTagr 的选择
本站跑在 Cloudflare 上：全球边缘 + KV 统计 + 零服务器成本，独立开发者闭眼选。
上线前检查清单
- 01构建命令是否兼容
- 02环境变量是否迁完
- 03重定向/头是否重写
- 04函数运行时是否适配
- 05DNS 切换后是否观察
常见问题
Next.js 必须 Vercel 吗？
不是。CF Pages 支持 Next，只是 ISR/高级特性要确认兼容。
迁移要停机吗？
不用。双跑验证后再切 DNS，回滚秒级。
小站怎么选？
看账单：流量起来后 CF 通常便宜一个数量级。