前言
現在有很多 AI 相關的應用如雨後春筍般出現,Vercel 旗下的 v0.dev 提供一個線上的環境供使用者可以透過自然語言設計自己的 Web 應用,且在建立完成後還可以一鍵發佈,縮減產品上線步驟。
接下來我將一步步帶你如何在自己的伺服器上執行 v0.dev 生成的 Web 應用程式,本篇教學以 Ubuntu
系統為主。
系統環境
- Ubuntu: 22.04 LTS
- Node.js: 22.16
- pnpm: 10.12.1
安裝套件
安裝 Node.js
建議使用 NodeSource 提供的安裝腳本,確保安裝最新版本 Node.js。
Bash
curl -fsSL https://deb.nodesource.com/setup_22.x | sudo bash -
sudo apt-get install -y nodejs
安裝 pnpm
Bash
curl -L https://get.pnpm.io/install.sh | sh -
安裝完成後,需要重新開啟終端機,或執行 source ~/.bashrc
更新 PATH 環境變數。
安裝專案依賴
導航到專案資料夾
Bash
cd your/project/folder
安裝專案依賴
Bash
pnpm install
執行開發伺服器
依賴安裝完成後,您可以啟動開發伺服器。通常 Next.js 專案會使用 pnpm dev
命令。
Bash
pnpm dev
這將啟動一個本地開發伺服器,可以直接在瀏覽器輸入 htpp://localhost:3000
前往。
執行正式環境
Bash
pnpm build
pnpm start
這將啟動一個本地正式伺服器,可以直接在瀏覽器輸入 htpp://localhost:3000
前往。
小結
以上就是針對將 v0.dev 產生的專案部署到自己的伺服器上,如果不想把私人的資料上傳到網站的話可以使用此方法。