For Vibe Coding Builders

別再讓 Vibe Coding 停在 Demo。

這套互動工具包帶你完成 Cloudflare 上線後半段:Nuxt、Pages、Wrangler、D1、R2、KV、Cron、Queues、部署與驗收。所有建議都以 Cloudflare 官方文件底稿校對。

Cloudflare 官方認知,不靠印象亂講

產品內建官方文件底稿:Pages、Bindings、Storage 選型、Cron Triggers、Wrangler。之後內容更新必須先更新底稿。

會員工作台 MVP

可部署的 Nuxt 版本:架構規劃、Prompt 產出、檢核、範本與官方底稿。

Cloudflare 架構規劃器

勾選需求後,系統用官方 storage/binding 原則給出服務組合。

Cloudflare Pages部署 Nuxt 前台、會員工作台與 Pages Functions適合 Git integration 自動 build/deploy,Nuxt 官方 guide 可使用 dist 作為 build directory。
Nuxt on Pages: build command npm run build;build directory dist。
Workers KVSession、低頻變更設定、feature flags官方 storage guide 建議 KV 用於 session/config 等讀多寫少資料;不做強一致交易。
KV eventually consistent;不要拿來做高頻同 key 寫入。
D1使用者、方案、文章、訂單、Checklist 狀態等關聯資料D1 是 Cloudflare serverless SQL,適合 lightweight relational data。
先建立 D1 database,再在 Pages/Workers 設定 binding。
R2範本包、PDF、圖片、使用者上傳檔案R2 是 object/blob storage,適合圖片與大型非結構化檔案。
R2 不是 SQL;metadata 應放 D1,檔案本體放 R2。
Queues / Workflows產圖、產文章、檢查部署、寄信、長任務拆步Queues 適合背景任務與 deferred tasks;Workflows 適合多步長任務。
不要把長任務卡在前端請求生命週期。
Workers AI 或外部 LLM APIPrompt 產生、錯誤排查、文件摘要、程式碼建議若用外部 API,secret 必須用 Cloudflare secrets 管理,不可寫入前端 bundle。
Production/Preview secrets 分開確認,設定後 redeploy。

商業化版本

Founding Builder

US$49

早鳥一次買斷:互動工具台、Prompt、Checklist、範本庫。

Pro

US$19/月

持續更新 Cloudflare 官方變動、案例庫、進階範本。

Team

US$99/月

多人 workspace、共用 checklist、導入顧問與教育訓練。

Built as a Nuxt + Cloudflare Pages MVP. Official reference saved in docs/cloudflare-official-reference.md.