用 AI 整咗个 App 点放上网？2026 免费部署完全指南

3次阅读

翻译说明：本文为 MobileSetting 原文的繁体中文转简体中文翻译。除繁简转换、明显错别字和排版外，保留原文标题、事实、观点、数字、结构和第一人称表达。

用 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 更简单）：

去 vercel.com 用 GitHub 登入
按「Add New Project」，拣你嘅 GitHub repo
Vercel 自动侦测系 Next.js / React / Vue 等框架，直接按 Deploy
几十秒后部署完成，得到一个 .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 →

正文完