前言

現在有很多 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 產生的專案部署到自己的伺服器上,如果不想把私人的資料上傳到網站的話可以使用此方法。

👉 Node.js 專案容器化 (Docker)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *