Zerops

將您的 Nuxt 應用程式部署到 Zerops 基礎設施。

Nodejs 預設：SERVER_PRESET: zerops靜態預設：SERVER_PRESET: zerops-static

在Zerops中閱讀更多資訊。
Nuxt x Zerops 快速執行 ✨
想在不安裝或設定任何東西的情況下測試在 Zerops 上執行 Nuxt 嗎？使用以下倉庫Zerops x Nuxt - 靜態或Zerops x Nuxt - Node.js 上的 SSR您只需單擊一下即可部署示例 Nuxt 應用程式。

Zerops 支援透過專案根目錄中的簡單配置檔案部署靜態和伺服器端渲染的應用程式。

靜態

專案和服務可以透過以下方式新增：專案新增嚮導或使用 YAML 結構匯入

建立專案

zerops-project-import.yml
project:
  name: recipe-nuxt

services:
  - hostname: app
    type: static

這將建立一個名為recipe-nuxt的專案，其中包含一個名為app的 Zerops 靜態服務。

設定 Zerops YAML

要告訴 Zerops 如何構建和執行您的應用程式，請在您的根目錄中新增一個zerops.yml

zerops.yml
zerops:
  - setup: app
    build:
      base: nodejs@20
      buildCommands:
        - yarn
        - yarn nuxi generate
      deployFiles:
        - .output/public/~
    run:
      base: static

現在您可以觸發使用 Zerops CLI 構建和部署管道或透過將應用程式服務與您的GitHub / GitLab在服務詳細資訊中連線儲存庫。

SSR Node.js

專案和服務可以透過以下方式新增：專案新增嚮導或使用 YAML 結構匯入

zerops-project-import.yml
project:
  name: recipe-nuxt

services:
  - hostname: app
    type: nodejs@20

這將建立一個名為recipe-nuxt的專案，其中包含一個名為app的 Zerops Node.js 服務。

設定 Zerops YAML

要告訴 Zerops 如何構建和執行您的應用程式，請在您的根目錄中新增一個zerops.yml

zerops.yml
zerops:
  - setup: nuxt
    build:
      base: nodejs@20
      buildCommands:
        - yarn
        - yarn build
      deployFiles:
        - .output/~
    run:
      base: nodejs@20
      ports:
        - port: 3000
          httpSupport: true
      start: node server/index.mjs

現在您可以觸發使用 Zerops CLI 構建和部署管道或透過將應用程式服務與您的GitHub / GitLab在服務詳細資訊中連線儲存庫。

構建和部署您的應用程式

npm i -g @zerops/zcli
  • 在 Zerops 應用程式中開啟設定 > 訪問令牌管理並生成一個新的訪問令牌。
  • 使用以下命令使用您的訪問令牌登入
zcli login <token>
  • 導航到您的應用程式的根目錄（zerops.yml所在的位置）並執行以下命令觸發部署
zcli push

您的程式碼可以在每次提交或新標籤時自動部署，方法是將服務與您的GitHub / GitLab儲存庫連線。此連線可以在服務詳細資訊中設定。

在Zerops 文件中閱讀更多資訊。

Zeabur

將您的 Nuxt 應用程式部署到 Zeabur。