Nuxt Nation カンファレンスが開催されます。11月12日~13日にご参加ください。

Nitro

Nuxt Bridgeを使用して、Nuxt 2アプリケーションにNitroを有効化します。

モジュールの削除

  • @nuxt/nitro を削除します: Bridgeは同じ機能を注入します

設定の更新

nuxt.config.ts
import { defineNuxtConfig } from '@nuxt/bridge'

export default defineNuxtConfig({
  bridge: {
    nitro: true
  }
})

スクリプトの更新

NuxtがNitroサーバーをビルド出力として生成するようになったことを反映するために、package.json 内のスクリプトも更新する必要があります。

Nuxiのインストール

nuxi を開発依存関係としてインストールします

npm install -D nuxi

Nuxi

Nuxt 3では、新しいNuxt CLIコマンドnuxiが導入されました。Nuxt Bridgeからのより良いサポートを活用するために、スクリプトを次のように更新してください

{
  "scripts": {
-   "dev": "nuxt",
+   "dev": "nuxi dev",
-   "build": "nuxt build",
+   "build": "nuxi build",
-   "start": "nuxt start",
+   "start": "nuxi preview"
  }
}
nitro: false の場合は、nuxt2 コマンドを使用してください。

静的ターゲット

nuxt.configtarget: 'static' を設定している場合は、ビルドスクリプトを nuxi generate に更新する必要があります。

package.json
{
  "scripts": {
    "build": "nuxi generate"
  }
}

サーバ ターゲット

その他の場合は、nuxi build コマンドを使用できます。

package.json
{
  "scripts": {
    "build": "nuxi build",
    "start": "nuxi preview"
  }
}

ビルドされたNitroフォルダをGitから除外する

.output フォルダを .gitignore ファイルに追加します。

すべてがうまくいくことを確認する

✔️ nuxi devnuxi build (または nuxi generate) を試して、すべてがうまくいくかどうかを確認してください。