不用改程式
Next.js(App Router)+ shadcn/ui:平台自動認出來,決定建置與啟動指令。
為什麼從 v0 部署到 Agent Lab
Next.js(App Router)+ shadcn/ui:平台自動認出來,決定建置與啟動指令。
每次上傳都是新的一版,有自己的網址。先看過再上線,出問題一鍵切回。
上線前先檢查 API 金鑰與憑證,機密放在主控台。
建好資料庫接上去,連線自動寫進 App 的環境變數。
怎麼選
表格可以左右滑動。
| 你在意的事 | Agent Lab 部署 | 自己顧主機 |
|---|---|---|
| 設定方式 | 連結 repository 或上傳 zip | SSH、裝執行環境、程序管理、反向代理 |
| 金鑰 | 機密放主控台,不進程式碼 | 自己複製到主機上 |
| 預覽與回退 | 每一版都有自己的網址,一鍵回退 | 自己寫腳本 |
| 上線前檢查 | 上傳時檢查外洩的金鑰 | 自己沒設就沒有 |
| 資料庫 | 一鍵建 PostgreSQL,連線自動寫進 App | 自己安裝、自己備份 |
| 起步費用 | Free 方案 NT$0,1 個 S 應用程式(閒置休眠) | VPS 每月約 NT$200–600,加上你的時間 |
步驟
在 v0 下載程式碼 zip,或連到 GitHub。
把 GitHub repository 連結到專案、把 zip 拖進部署分頁,或在 Claude Code 打開資料夾說「部署上去」。
平台建置這一版並檢查外洩金鑰;它列出的機密到設定頁填。
第一版建好就上線;之後每一版先有預覽網址,確認後再上線。
設定
v0 的 Next.js 專案部署成 web service,next start 本身就有圖片最佳化與 Middleware。 設了 output: "export" 的專案會變成放在 CDN 的靜態網頁。
# Agent Lab 偵測到 Next.js 後執行
# What Agent Lab runs once it detects Next.js
npm ci
npm run build # next build
npm start # next start,監聽 $PORT / listens on $PORTNEXT_PUBLIC_* 建置時寫進網頁,任何人都看得到,不能放金鑰。*_API_KEY 伺服器端用的金鑰放專案的 Secrets,不放進程式碼。讀 https://app.agentlab.cresclab.com/agent/deploy.md,把這個專案部署到 Agent Lab。先給我建置計畫和需要的環境變數,機密告訴我去主控台哪裡填,上線前等我確認。常見問題