博客
返回

使用 Cloudflare Pages 部署 Next.js 项目

·1 min read
Next.jsCloudflare部署

为什么选择 Cloudflare Pages

Cloudflare Pages 是一个免费、极速的静态站点托管平台。与 Vercel 相比:

  • 免费额度:每月 500 次构建,无限带宽
  • 全球 CDN:自动分发到全球 200+ 节点
  • 简单部署:支持 Git 集成或直接 wrangler 上传

部署步骤

1. 安装 Wrangler CLI

npm install -g wrangler

2. 登录 Cloudflare

wrangler login

3. 部署构建产物

wrangler pages deploy .next

4. 配置自定义域名(可选)

在 Cloudflare Dashboard 中添加域名,Wrangler 会自动处理 SSL 证书。

常见问题

构建失败? 检查 package.json 中的 build 命令是否正确。

路由 404? Next.js 静态导出需要配置 output: 'export'


有问题欢迎留言交流。