Skip to Content
ロリポップ！デプロイナウロリポップ！デプロイナウ
CTRL K
フレームワークNuxt

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 v1 の画像最適化v2 に更新する（npm install @nuxt/image@^2）
useStorage の fs ドライバ外部のデータストア（DB や KVS など）に保存する
routeRules の isrrouteRules の swr（stale-while-revalidate）を使う

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

Next.jsAstro