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.

npm i -g @zerops/zcli

Zeropsアプリの設定 > アクセストークン管理を開き、新しいアクセストークンを生成します。
以下のコマンドでアクセストークンを使ってログインします。

zcli login <token>

アプリのルート（zerops.ymlがある場所）に移動し、以下のコマンドを実行してデプロイをトリガーします。

zcli push

あなたのコードは、サービスをあなたのGitHub / GitLabリポジトリに接続することで、各コミットまたは新しいタグで自動的にデプロイできます。この接続は、サービスの詳細で設定できます。

Zeropsドキュメントで詳細を読む。

Zeabur

NuxtアプリケーションをZeaburにデプロイします。