不用改程式
React + Vite + TypeScript:平台自動認出來,決定建置與啟動指令。
Lovable 專案部署 · Agent Lab 部署
在 Lovable 接上 GitHub,程式碼會同步到你的 repository。在 Agent Lab 連結 repository 或上傳 zip,不用改程式、不用 Dockerfile。Agent Lab 自動偵測框架並建置,每一版都有預覽網址,上傳時先檢查外洩的金鑰。
> 把這個 Lovable 專案部署上去
sites_createmy-lovable-app
sites_deploy偵測到框架
sites_deploy_status建置完成 · 金鑰檢查通過
已上線:my-lovable-app--acme.hosting.agentlab.run
為什麼從 Lovable 部署到 Agent Lab
React + Vite + TypeScript:平台自動認出來,決定建置與啟動指令。
每次上傳都是新的一版,有自己的網址。先看過再上線,出問題一鍵切回。
上線前先檢查 API 金鑰與憑證,機密放在主控台。
建好資料庫接上去,連線自動寫進 App 的環境變數。
怎麼選
表格可以左右滑動。
| 你在意的事 | Agent Lab 部署 | 自己顧主機 |
|---|---|---|
| 設定方式 | 連結 repository 或上傳 zip | SSH、裝執行環境、程序管理、反向代理 |
| 金鑰 | 機密放主控台,不進程式碼 | 自己複製到主機上 |
| 預覽與回退 | 每一版都有自己的網址,一鍵回退 | 自己寫腳本 |
| 上線前檢查 | 上傳時檢查外洩的金鑰 | 自己沒設就沒有 |
| 資料庫 | 一鍵建 PostgreSQL,連線自動寫進 App | 自己安裝、自己備份 |
| 起步費用 | Free 方案 NT$0,1 個 S 應用程式(閒置休眠) | VPS 每月約 NT$200–600,加上你的時間 |
步驟
在 Lovable 接上 GitHub,程式碼會同步到你的 repository。
把 GitHub repository 連結到專案、把 zip 拖進部署分頁,或在 Claude Code 打開資料夾說「部署上去」。
平台建置這一版並檢查外洩金鑰;它列出的機密到設定頁填。
第一版建好就上線;之後每一版先有預覽網址,確認後再上線。
設定
Lovable 專案是 Vite + React,會部署成放在 CDN 的靜態網頁;路由重新整理也回 index.html,不會 404。 後端如果在 Supabase,資料留在原處,網頁照常連過去。
# Agent Lab 偵測到 Vite + React 後執行
# What Agent Lab runs once it detects Vite + React
npm ci
npm run build # vite build → dist/
# dist/ 放上 CDN;每個路由都回 index.html(SPA)VITE_SUPABASE_URL Supabase 專案網址,建置時寫進網頁。VITE_SUPABASE_PUBLISHABLE_KEY 公開用的 key,本來就會進網頁;service_role key 絕對不要放 VITE_。讀 https://app.agentlab.cresclab.com/agent/deploy.md,把這個專案部署到 Agent Lab。先給我建置計畫和需要的環境變數,機密告訴我去主控台哪裡填,上線前等我確認。常見問題