一張表看完
| 你的服務 | 建議去處 | 為什麼 | 要注意 |
|---|---|---|---|
| 靜態網站、React/Vue/Vite 前端 | Cloudflare(Pages 或 Workers) | 接 GitHub 自動部署,靜態網站很適合 | Cloudflare 文件現在建議新專案用 Workers |
| Next.js(需要伺服器端渲染) | Vercel | Next.js 的開發公司,支援最完整 | 免費的 Hobby 方案限個人、非商業用途,公司網站要用付費方案 |
| 後端 API、LINE Bot | Google Cloud Run | 不用 Dockerfile 也能部署、台灣機房、沒人使用時不收運算費 | 檔案系統是暫時的。實測教學 |
| 想要和 Zeabur 最像的體驗 | Railway、Render | 接 GitHub、點幾下就能開資料庫 | 同樣是單一平台,資料記得自己備份 |
| PostgreSQL | Neon、Supabase 等代管服務 | 不用自己維護 | 還原時要加 --no-owner --no-acl。資料庫篇 |
| n8n、Dify 等自架工具 | VPS + Docker Compose | 一台小 VPS 就能跑好幾個工具,費用固定 | 備份要自己做。n8n 實測 |
| 想在 VPS 上有圖形介面 | Coolify、Dokploy | 自架版的部署平台,操作邏輯接近 Zeabur | 平台本身也要自己維護與更新 |
Cloudflare 前端的建置設定
Cloudflare Pages 官方的框架預設值:
| 框架 | Build command | 輸出目錄 |
|---|---|---|
| React (Vite) | npm run build | dist |
| Vue | npm run build | dist |
| Astro | npm run build | dist |
| Next.js(Static HTML Export) | npx next build | out |
前端需要的環境變數(例如 VITE_API_URL)要另外在 Cloudflare 的專案設定裡加上。
這次該學到的事
Zeabur 好用,是因為它把部署、資料庫、網域、AI 服務全部包在一起。但這也表示一旦它出問題,所有東西會一起出問題。這次搬家,建議至少做到這三件事:
- DNS 放在自己控制的地方(例如 Cloudflare),不要和主機綁在同一家。下次要搬,改幾筆記錄就好
- 資料庫每天自動備份到另一家。例如主機在 A 平台,備份就存到 B 平台的物件儲存空間
- 選平台前,先確認能把資料完整拿走。能不能隨時下載通用格式(例如
.sql)的完整備份?這比免費額度重要