用 AI 整咗個 App 點放上網？2026 免費部署完全指南

用 Cursor、Lovable、v0 或 Claude 整好一個 web app 之後，部署其實好簡單。前端靜態網站用 Vercel 或 Cloudflare Pages；有後端或資料庫就用 Zeabur，連接 GitHub 後自動部署，5 分鐘搞掂。

AI 幫你整，但唔幫你放上網

說實話，呢個問題困擾咗不少人。Cursor 幫你寫好成個 app，Lovable 幫你生成完整前端，v0 出咗漂亮嘅 UI 元件——但打開終端輸入 npm run build 之後，你望住成堆檔案，唔知下一步係咩。

其實好多「vibe coder」都卡在呢一步。整 app 係容易咗，但 deploy 呢件事從來冇人教你。

好消息係：2026 年免費部署方案多到用唔晒，而且大部分唔需要你識 DevOps。

你整咗係咩類型嘅 App？

部署之前，先搞清楚自己整咗咩。唔同類型對應唔同平台：

純前端（無後端邏輯）：例如用 v0 或 Lovable 生成嘅 React / Next.js 靜態頁面，無 API 路由，無資料庫。→ 用 Vercel 最快。

有後端或資料庫：例如 Cursor 幫你整嘅 Node.js API、FastAPI、Flask 後端，或者有 PostgreSQL、MongoDB 嘅全端 app。→ 用 Zeabur，支援最完整。

純靜態 HTML/CSS/JS：用 ChatGPT 叫佢出一個純靜態網頁，無任何 JavaScript 框架。→ 用 Cloudflare Pages，免費無上限。

三大平台比較

平台	適合類型	免費額度	Backend 支援	香港延遲	推薦指數
Zeabur	全端/後端	✅ 足夠 Side Project	✅ 完整支援	⭐⭐⭐⭐⭐	⭐⭐⭐⭐⭐
Vercel	前端/Next.js	✅ 慷慨	❌ 有限	⭐⭐⭐⭐	⭐⭐⭐⭐
Cloudflare Pages	靜態網站	✅ 無限	❌ 無	⭐⭐⭐⭐⭐	⭐⭐⭐
Render	全端	⚠️ 冷啟動慢	✅	⭐⭐	⭐⭐⭐

香港用家要留意延遲問題。Zeabur 有香港及新加坡伺服器節點，延遲係幾個平台入面最低。Render 免費層有 15 分鐘冷啟動限制，網站 idle 一陣再打開會等好耐，用落體驗差。

Zeabur：全端 App 首選（詳細教學）

Zeabur 係呢幾個平台入面，對有後端嘅 app 最友好嘅選擇。佢支援 Node.js、Python（FastAPI、Flask、Django）、Go、Ruby 等主流語言，連 PostgreSQL 同 Redis 都可以一鍵加落去。

部署步驟

Step 1：準備 GitHub repo

你嘅 app 程式碼要放喺 GitHub。如果你係用 Cursor 整嘅，直接喺 VS Code 入面初始化 git repo 再 push 上去就得：

git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/你嘅帳號/你嘅repo.git
git push -u origin main

Step 2：去 Zeabur 建立 Project

去 zeabur.com 登入（用 GitHub 帳號直接登入最快）。按「New Project」，然後揀「Deploy from GitHub」。

Step 3：選擇 repo 及服務

連接你嘅 GitHub 帳號之後，搵到你嘅 repo，按 Deploy。Zeabur 會自動偵測你用緊係咩框架——Node.js、Python 定 Next.js，通常唔使你手動設定。

Step 4：加環境變數（如需要）

如果你嘅 app 有 .env 檔案（例如 API key、資料庫連接字串），去 Variables 頁面逐個加入。唔好直接將 .env push 上 GitHub。

Step 5：加 Domain

Deploy 完成之後，Zeabur 會自動俾你一個 .zeabur.app 結尾嘅免費域名，即刻可以用。想用自己嘅域名亦可以喺 Domains 頁面綁定。

整個過程大概 5 分鐘，無需任何 DevOps 知識。

👉 免費用 Zeabur 部署你嘅 App

Vercel：前端 / Next.js App 最快上線

如果你嘅 app 係純前端，或者係標準 Next.js app（無自訂後端），Vercel 係最順手嘅選擇。

部署步驟（比 Zeabur 更簡單）：

1. 去 vercel.com 用 GitHub 登入
2. 按「Add New Project」，揀你嘅 GitHub repo
3. Vercel 自動偵測係 Next.js / React / Vue 等框架，直接按 Deploy
4. 幾十秒後部署完成，得到一個 .vercel.app 域名

免費層支援每月 100GB 流量，個人 side project 完全夠用。

要注意：Vercel 免費層唔支援長時間運行嘅後端程序，每個 API route 都有執行時間上限（10 秒）。如果你嘅後端需要處理長任務或連接資料庫，換返 Zeabur 比較穩陣。

常見問題

Q：我唔識 git，可以唔用 GitHub 部署嗎？

A：Zeabur 同 Vercel 都需要 GitHub 連接。如果你係用 Cursor 整 app，其實佢已經內置 git 功能，照跟 UI 上嘅指示就可以 push 到 GitHub，唔需要記指令。Lovable 同 v0 更方便，直接喺平台按「Deploy」或「Export to GitHub」即可。

Q：免費計劃夠唔夠用？

A：個人 side project 完全夠。Zeabur 免費層每月有一定運算額度，Vercel 免費層更慷慨。流量真的爆咗，再考慮升級，月費通常只係 HK$80-150 左右。

Q：部署後 app 打唔開，點算？

A：首先睇 build log，通常係缺少環境變數，或者 package.json 嘅 start script 寫錯。最常見係 port 問題——後端 app 要用 process.env.PORT 而唔係寫死 3000。

Q：Cursor / Claude 幫我整嘅 app 有資料庫，可以免費部署嗎？

A：可以。Zeabur 可以喺同一個 Project 入面加 PostgreSQL 服務，免費層已包含。連接字串直接喺 Variables 頁面 inject，唔需要自己設定。

結語：AI 幫你整，Zeabur 幫你放

AI coding 工具解決咗「點寫程式」嘅問題，而部署平台解決咗「點放上網」嘅問題。兩者加埋，任何人都可以將一個想法變成真實運行嘅 web app。

全端 app 首選 Zeabur，有香港節點、自動偵測框架、免費額度夠用；純前端選 Vercel；純靜態選 Cloudflare Pages。三個都免費開始，唔使一分錢先體驗。

👉 立即免費用 Zeabur 部署你嘅 App

---

💡 讀者限時優惠

輸入優惠碼 zeabur10 結帳即享 10% 折扣。Starter Plan 另有每月 $5 免費 credits，輕量 side project 零成本試用。優惠碼長期有效，但隨時可能更改。

👉 免費開始使用 Zeabur · 優惠碼 zeabur10 →