Cloudflare Pages
它是什么
Cloudflare Pages 是一个网站托管平台——从纯静态文件到全栈应用皆可。你连接一个 Git 仓库,Pages 运行你的构建命令,并从 Cloudflare 的 CDN 提供构建产物。动态路由和 API 以 Pages Functions 的形式运行,它们本质上就是 Workers,因此单个项目既可以是静态站点也可以是后端。
优势
- Git 驱动:每次 push 都会构建并部署,且每个分支都有一个预览 URL。
- 静态资源由全球 CDN 快速且免费地提供。
- Pages Functions 用与 Workers 相同的绑定(D1、R2、KV)添加服务端逻辑。
- 慷慨的免费额度和不限量的带宽。
- 一键回滚——每次部署都被保留。
取舍
- 构建环境有时间和资源限制;非常大的构建可能会很慢。
- Functions 继承自 Workers 运行时,因此同样的非 Node 约束适用。
- 对于纯动态、始终在线的后端,纯 Workers 可能更合适。
- 较冷门框架的构建配置有时需要手动调校。
何时使用
把 Pages 用于营销站点、文档、博客、SPA,以及全栈框架(Next.js、Astro、SvelteKit),当你想在一个地方同时获得基于 Git 的部署、免费静态托管和可选的服务端函数时。
Vibe coding 契合度
Pages 适合 vibe coding,因为整个部署就是"连接一个仓库并 push"。agent 可以设置构建命令、输出目录和环境变量,然后用 Wrangler 部署或触发一次 Git 构建。提示:告诉 agent 你的框架以及是否需要 Functions,这样它就能选对适配器和输出目录。你也可以直接部署一个预构建好的目录。
# wrangler.toml — Pages project config
name = "my-site"
pages_build_output_dir = "dist"
[[d1_databases]]
binding = "DB"
database_name = "my-db"
database_id = "your-d1-id"
# Deploy a prebuilt output directory
npx wrangler pages deploy dist --project-name my-site