Next.js は、フルスタック Web アプリケーションを構築するための React フレームワークです。サーバーサイドレンダリング、静的サイト生成、API ルートなどをサポートしています。Bun は高速なパッケージインストールを提供し、Next.js の開発および本番サーバーを実行できます。

---

新しい Next.js アプリを作成

インタラクティブ CLI を使用して新しい Next.js アプリを作成します。これにより、新しい Next.js プロジェクトをスキャフォールディングし、依存関係を自動的にインストールします。

bun create next-app@latest my-bun-app

開発サーバーを起動

プロジェクトディレクトリに移動し、Bun で開発サーバーを実行します。

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

これにより、Bun のランタイムで Next.js 開発サーバーが起動します。

ブラウザで http://localhost:3000 を開いて結果を確認してください。app/page.tsx に対する変更はブラウザでホットリロードされます。

package.json のスクリプトを更新

Next.js CLI コマンドに bun --bun をプレフィックスとして追加して、package.json の scripts フィールドを変更します。これにより、dev、build、start などの一般的なタスクで Bun が Next.js CLI を実行することが保証されます。

{
  "scripts": {
    "dev": "bun --bun next dev", 
    "build": "bun --bun next build", 
    "start": "bun --bun next start", 
  }
}

---

ホスティング

Bun 上の Next.js アプリケーションは、さまざまなプラットフォームにデプロイできます。

---

テンプレート

---

Next.js アプリケーションの構築とデプロイに関する詳細については、Next.js 公式ドキュメント を参照してください。