Cloudflare Pages
它是什么
Cloudflare Pages 是一个网站托管平台——从纯静态文件到全栈应用皆可。你连接一个 仓库(保存你代码历史记录的在线文件夹),Pages 运行你的构建命令,并从 Cloudflare 的 CDN(内容分发网络——把你的文件副本保存在每位访问者附近的全球服务器集合)提供构建产物。动态路由和 (应用程序编程接口——其他软件为与你的应用通信而调用的端点)以 Pages Functions 的形式运行,它们本质上就是 Workers。因此单个项目既可以是静态站点也可以是后端。
优势
- Git 驱动:每次 push 都会构建并部署,且每个分支都有一个预览 。
- 静态资源由全球 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