Vercel 部署
前端黨最愛 —— 邊緣運算秒級部署
Vercel 部署 OpenClaw，前端選手的主場
如果你是前端開發者，Vercel 應該不陌生 —— Next.js 背後的公司，git push 就能自動部署，體驗確實絲滑。
不管是 Vercel 適合部署 OpenClaw 的 Web UI 和 API Gateway，不適合跑完整的 Agent 後端。Serverless 函式有執行時間限制，長時間運行的 AI 工作會逾時。輕量級的前端 + API 轉發場景，Vercel 是最省事的選擇。
Vercel 能做什麼、不能做什麼
Vercel 的 Serverless Functions 預設逾時 10 秒（Pro 版 60 秒），不適合跑長時間的 AI 推理任務。如果你需要跑完整的 OpenClaw Agent，請選擇 VPS 方案（AWS EC2、GCP 等）。
Vercel 適合的場景：
- 部署 OpenClaw 的 Web 控制面板
- 做 API Gateway，把請求轉發到後端伺服器
- 部署文件站、監控面板等靜態/輕量應用
Vercel vs 傳統 VPS
Vercel（Serverless）
- git push 自動部署，不用管伺服器
- 全球邊緣網路，訪問速度快
- 免費額度對個人專案夠用
- 不支援長時間執行的工作
- 適合前端 + 輕量 API
VS
傳統 VPS（EC2/GCP 等）
- 完全掌控，想跑啥跑啥
- 沒有執行時間限制
- 需要自己維護伺服器
- 固定 IP，適合後端長連接
- 適合完整 Agent 部署
四步部署
1
Fork 倉庫
打開 OpenClaw 的 GitHub 儲存庫，點 Fork 到你自己的帳號下。如果你有定制需求，可以先在本地改好再 push。
2
連接 Vercel
去 vercel.com 用 GitHub 帳號登入 → Import Project → 選你 Fork 的儲存庫 → Vercel 會自動偵測專案類型。
3
設定環境變數
在 Vercel 的 Settings → Environment Variables 裡新增必要的設定，比如 API Key、資料庫連接字串等。別把密鑰寫在程式碼裡。
4
部署上線
點 Deploy，等個幾十秒就好了。Vercel 會給你一個 xxx.vercel.app 的網域，直接就能訪問。後續每次 git push，自動觸發重新部署。
vercel.json 設定
在專案根目錄建立 vercel.json，設定路由和建構參數：
vercel.json
{
"version": 2,
"builds": [
{
"src": "package.json",
"use": "@vercel/next"
}
],
"routes": [
{
"src": "/api/(.*)",
"dest": "/api/$1"
},
{
"src": "/(.*)",
"dest": "/$1"
}
],
"env": {
"NODE_ENV": "production"
}
}Vercel CLI 部署
如果你習慣用命令列，也可以用 Vercel CLI 本地部署：
Vercel CLI 部署流程
# 安裝 Vercel CLI環境變數設定
在 Vercel Dashboard 的 Settings → Environment Variables 裡新增：
需要設定的環境變數
# 必填
環境變數裡的 API Key 等敏感資訊不要提交到 Git 儲存庫，只在 Vercel Dashboard 裡設定。
Vercel 免費額度
Vercel 的 Hobby（免費）計畫對個人專案完全夠用：每月 100GB 頻寬、每天 100,000 次 Serverless 呼叫、自動 HTTPS、自訂功能變數名稱。只要不是特別大的流量，基本不用花錢。
免費方案的限制：
- Serverless 函數逾時 10 秒（Pro 版 60 秒）
- 不支援團隊協作（需要 Pro）
- 建構時間每月 6000 分鐘
- 單個部署套件大小限制 250MB