Nuxt をデプロイする

ロリポップ！デプロイナウは、Nuxt のデフォルトプリセットである Node.js server（node-server）に対応しています。

公開するときは、フレームワークに nuxt を選びます。

lolipop deploy --name <name> --framework nuxt

対話形式でプロジェクトを作る場合も、フレームワークの選択で nuxt を選びます。 利用できるフレームワーク名は lolipop frameworks list で確認できます。

デフォルトのビルド設定

フレームワークに nuxt を選ぶと、次のビルド設定が適用されます。

• インストールコマンド: npm ci --ignore-scripts
• ビルドコマンド: npm run build
• 出力ディレクトリ: .output

変更したいときは、プロジェクト作成時に指定するか、作成後に build-config update で更新します。

lolipop project create --name <name> --framework nuxt --install "pnpm install" --build "pnpm build"
lolipop build-config update --project <id> --build "pnpm build"

モノレポではルートを指定する

Nuxt アプリがリポジトリのサブディレクトリにある場合は、ビルドのルートをアプリのディレクトリに合わせます。

lolipop deploy --name <name> --framework nuxt --root apps/web

既存プロジェクトの設定は build-config update で変更できます。

lolipop build-config update --project <id> --root apps/web

制限を受ける機能

@nuxt/image は次のコマンドで v2 系へ更新できます。

npm install @nuxt/image@^2

環境変数や .env の扱いは環境変数を参照してください。