Nuxt と Bun でアプリを構築

Bun は Nuxt をすぐに使用できます。公式 nuxi CLI で Nuxt アプリを初期化します。

bunx nuxi init my-nuxt-app

txt

✔ Which package manager would you like to use?
bun
◐ Installing dependencies...
bun install v1.3.3 (16b4bf34)
 + @nuxt/devtools@0.8.2
 + nuxt@3.6.5 with Nitro 2.5.2
 785 packages installed [2.67s]
✔ Installation completed.
✔ Types generated in .nuxt
✨ Nuxt project has been created with the v3 template. Next steps:
 › cd my-nuxt-app
 › Start development server with bun run dev

開発サーバーを起動するには、プロジェクトルートから bun --bun run dev を実行します。これにより、nuxt dev コマンドが実行されます（package.json の "dev" スクリプトで定義されています）。

NOTE

`nuxt` CLI はデフォルトで Node.js を使用します。`--bun` フラグを渡すと、開発サーバーが代わりに Bun ランタイムを使用します。

cd my-nuxt-app
bun --bun run dev

txt

nuxt dev
Nuxi 3.6.5
Nuxt 3.6.5 with Nitro 2.5.2
  > Local:    http://localhost:3000/
  > Network:  http://192.168.0.21:3000/
  > Network:  http://[fd8a:d31d:481c:4883:1c64:3d90:9f83:d8a2]:3000/

✔ Nuxt DevTools is enabled v0.8.0 (experimental)
ℹ Vite client warmed up in 547ms
✔ Nitro built in 244 ms

開発サーバーが起動したら、http://localhost:3000 を開いてアプリを確認します。アプリは Nuxt の組み込み NuxtWelcome テンプレートコンポーネントをレンダリングします。

アプリの開発を始めるには、app.vue の <NuxtWelcome /> を独自の UI に置き換えます。

本番ビルドについては、デフォルトのプリセットはすでに Bun と互換性がありますが、Bun プリセットを使用して、より最適化されたビルドを生成することもできます。

export default defineNuxtConfig({
  nitro: {
    preset: "bun", 
  },
});

または、環境変数を通じてプリセットを設定できます：

NITRO_PRESET=bun bun run build

NOTE

一部のパッケージは、Nitro がデフォルトのプリセットを使用して正しくバンドルできない Bun 固有のエクスポートを提供します。この場合、パッケージが本番ビルドで正しく動作するように Bun プリセットを使用する必要があります。

bun でビルドした後、次を実行します：

bun run ./.output/server/index.mjs

完全なドキュメントについては、Nuxt ウェブサイトを参照してください。