從 localhost 走向全世界!
當你用 agy 生成完專案後,下一步就是選擇免費 Hosting。「殺雞不用牛刀」,跟著實際需求演進光譜,精準挑選最輕巧、0 負擔的免費託管方案。
STEP 01 實際需求演進與 Hosting 光譜 (Spectrum)
不必一上來就買昂貴的 VPS!根據你的真實專案需求,對號入座挑選解答:
⚠️ 全網免費仔避坑鐵律:警惕『12 個月試用陷阱』與隨時檢查免費條款!
1. 像 AWS Free Tier、Azure 與 GCP 等大廠,許多免費方案只有「前 12 個月試用」。一旦滿一年後系統不會自動關閉,而是直接從你註冊時綁定的信用卡按月扣款!
2. 雲端平台政策可能隨時間微調,使用任何免費服務時,建議定期檢查官方最新免費條款 (Terms),並優先選擇無需強制綁定信用卡的服務,以確保帳單絕對安全。
1. 像 AWS Free Tier、Azure 與 GCP 等大廠,許多免費方案只有「前 12 個月試用」。一旦滿一年後系統不會自動關閉,而是直接從你註冊時綁定的信用卡按月扣款!
2. 雲端平台政策可能隨時間微調,使用任何免費服務時,建議定期檢查官方最新免費條款 (Terms),並優先選擇無需強制綁定信用卡的服務,以確保帳單絕對安全。
階段 01
純靜態展示/Blog/作品集 🎨
需求:只需要 HTML + CSS + JS,完全沒有後端與資料庫。
👉 首選解答:Cloudflare Pages 👑(流量完全無限、全球 CDN 快取、0 負擔)
階段 02
需呼叫 AI 模型 / 隱藏 API Key 🤖
需求:呼叫 Gemini / Groq API,但不能在前端網頁暴露私密 Key。
👉 首選解答:Vercel /api 或 Cloudflare Workers(寫幾行 Serverless 轉接函數)
階段 03
帶資料庫與會員認證的全棧 App ⚡
需求:使用者註冊/登入、讀寫資料表格或上傳檔案。
👉 首選解答:Supabase (PostgreSQL + Auth) + Cloudflare Pages / Vercel
階段 04
Python AI 模型展示 / Gradio / Streamlit 🤗
需求:用 Python 腳本跑 AI 模型展示,給朋友或客戶測試。
👉 首選解答:Hugging Face Spaces(免費給到 16GB RAM CPU)
階段 05
常駐進程 / WebSocket / Docker 容器 🚀
需求:跑常駐 Node.js / Python 伺服器、微服務或 WebSocket(類似微型 VPS 游樂場)。
👉 首選解答:Render.com(最像 VPS 的全功能容器,15 分鐘無流量自動休眠)
階段 06
24/7 永不休眠獨立 VPS(正式營運) 🖥️
需求:商業營運,擁有 100% Root 權限,不允許任何冷啟動休眠。
👉 首選解答:付費實體 VPS(Hetzner, DigitalOcean, Linode, Vultr)
STEP 02 純靜態頁面王者:Cloudflare Pages 👑
☁️ 為什麼純靜態網站,Cloudflare Pages 是絕對最佳選擇?
純靜態王者
如果你的專案是純 HTML + CSS + JS,Cloudflare Pages 具有其他平台無法比擬的無敵優勢:
- 真正的「無限制流量 (Unmetered Bandwidth)」:Vercel 與 Netlify 每月流量上限只有 100GB,而 Cloudflare 靜態流量完全免費、完全無限!不用擔心流量爆表。
- 全球最強 Anycast CDN 網絡:利用 Cloudflare 全球 300 多個資料中心就近快取,首屏載入速度極致飛快。
- 免費自訂網域與 SSL 證書:綁定個人網域(如 `.is-a.dev`)完全免費,一鍵自動簽發 HTTPS 安全憑證。
STEP 03 6 大熱門免費 Hosting 額度與限制對照表
各大平台的免費額度與隱藏限制一覽:
| Hosting 平台 | 類型 / 首選場景 | 免費額度上限 (Free Quota) | 隱藏限制與避坑重點 (Gotchas & Limits) |
|---|---|---|---|
| Cloudflare Pages ☁️ | 純靜態無敵霸主 | 靜態流量完全無限 (Unmetered) Workers API 每日 100,000 次 |
單一靜態檔案限制 ≤ 25MB 每日免費建置次數上限 500 次 |
| Vercel Hobby ▲ | 全棧 / API 首選 | 每月 100 GB 傳輸流量 Serverless 執行 100,000 次/月 |
限個人非商業用途 單次 Serverless API 執行上限 10 秒 |
| Render.com 🚀 | 微型後端容器 | 每月 750 小時免費執行 記憶體 512 MB RAM |
閒置休眠:15 分鐘無流量自動進休眠,下次請求需 30~50 秒喚醒 |
| Hugging Face 🤗 | Python AI 應用霸主 | 免費 2 vCPU / 16 GB RAM 支援 Streamlit/FastAPI |
48 小時無流量自動休眠 (可一鍵免費喚醒) 無固定大儲存硬碟 |
| Netlify Free 🌐 | 靜態 / CI/CD | 每月 100 GB 傳輸流量 每月 300 分鐘建置時間 |
超過 100GB 會自動暫停服務 建置速度相對較慢 |
| GitHub Pages 🐙 | 個人 / 開源靜態 | 儲存庫上限 1 GB 每月軟性流量 100 GB |
完全不支援動態 API 無法隱藏伺服器端私密 API Key |
STEP 04 下一步:申請免費自訂 Domain 網域
擁有了 Cloudflare Pages 提供的免費預設網址後,下一步我們可以申請免費的個人開發者網域(如 yourname.is-a.dev)並進行 CNAME 解析!