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