Cloudflare vs Vercel 新手怎麼選
兩個最熱門的部署平台，用新手真正在意的維度比一比：免費額度、上手難度、適合做什麼。
屬於路線作品集路線
一句話解釋
Vercel 上手快、最懂 Next.js；Cloudflare 免費額度大、邊緣運算與資料庫整合強。看你重視什麼。
你會做出什麼
一個清楚的判斷：你的專案該選哪個平台，以及選了之後第一步要做什麼。
一句話先分清楚
- Vercel：把前端（尤其 Next.js）部署得最順，開發體驗第一，幾乎零設定就能上線。
- Cloudflare：免費額度大、跑在全球邊緣節點，且和自家的 Workers、D1（資料庫）、R2（儲存）整合得很完整。
兩個都很好，差別在「你重視什麼」。
新手在意的五個維度
| 維度 | Vercel | Cloudflare |
|---|---|---|
| 免費額度 | 夠用，但流量 / build 有上限 | 較寬鬆，個人專案很耐操 |
| 上手難度 | 最簡單，連 Git 即部署 | 略多概念，但文件完整 |
| 跟 Next.js 合不合 | 原生最佳，新功能第一支援 | 支援，但偶有功能落差 |
| 後端與資料庫 | 需外接第三方服務 | Workers ＋ D1 ＋ R2 一站到位 |
| 之後要付費時 | 用量上去後較貴 | 同樣用量通常更省 |
怎麼選（決策樹）
重要提醒：別只看「免費」
兩家都有免費方案，但真正會卡住你的是免費額度的限制：每月頻寬、build 時間、函式執行次數與時間。先估算你的用量，再看哪家的限制對你比較不痛——而不是只看「有沒有免費」。
也要想「之後」：流量長大、要不要付費升級時，哪一家的計費對你比較友善。換平台是有成本的，一開始就把成長路徑考慮進去。
下一步
- 認識其中一家的細節：Cloudflare
- 把所有平台放在一起比：平台互動比較
- 決定好就動手部署：部署到 Cloudflare Pages
常見問題
新手第一個專案，選哪個比較不會後悔？
只是作品集或部落格，兩個都不會錯：想最省心選 Vercel，想免費更耐操選 Cloudflare。若打算之後接資料庫、做 SaaS 又想壓成本，Cloudflare（Pages + Workers + D1）一條龍會更順。
之後想換平台，會很麻煩嗎？
前端靜態站搬家通常不難；但只要用了平台專屬功能（例如 Cloudflare 的 Workers/D1、或 Vercel 的特定 function），就會綁得比較緊。一開始就把「核心邏輯」和平台 API 隔開（用 adapter），日後要搬才不會傷筋動骨。
參考來源
- Cloudflare Pages docs — Cloudflare
- Vercel Documentation — Vercel
作品集路線 的下一步: 部署到 Pages →