AstroでBunを使う
BunはオールインワンのJavaScriptランタイム＆ツールキットです。詳しくはBunのドキュメントを参照してください。
前提条件
セクションタイトル： 前提条件- あなたのマシンにローカルにBunがインストールされていること。Bunの公式ドキュメントのインストール手順を参照してください。
Bunで新しいAstroプロジェクトを作成する
セクションタイトル： Bunで新しいAstroプロジェクトを作成する以下のcreate-astroコマンドを使用して、Bunで新しいAstroプロジェクトを作成します。
bunx create-astro@latest my-astro-project-using-bun依存関係のインストール
セクションタイトル： 依存関係のインストールbunx create-astroを使用して新しいプロジェクトを開始する場合、CLIは自動的にBunを使用して依存関係をインストールするので、この手順を省略することができます。
そうでない場合は、Bunで依存関係をインストールする必要があります。
bun install型の追加
セクションタイトル： 型の追加Bunは@types/bunパッケージを公開しており、Bunのランタイム型が含まれています。
以下のコマンドを使って@types/bunをインストールしてください。
bun add -d @types/bunAstroインテグレーションを使う
セクションタイトル： Astroインテグレーションを使うAstro addコマンドにより、Astroの公式インテグレーションも使えます。
bunx astro add reactBunでAstroを実行する
セクションタイトル： BunでAstroを実行する開発サーバーの実行
セクションタイトル： 開発サーバーの実行Bunをランタイムとして開発サーバーを実行するには、以下のコマンドを使用します。
bunx --bun astro devBunでサイトをビルドする
セクションタイトル： BunでサイトをビルドするBunをランタイムとして使用してサイトをビルドするには、次のコマンドを使用します。
bunx --bun astro buildAstroはあなたのサイトをdist/ディレクトリに出力します。その後、previewコマンドを使ってサイトを表示することができます。
bunx --bun astro previewastrojs/nodeを使ってBunでSSRをおこなう
セクションタイトル： astrojs/nodeを使ってBunでSSRをおこなうBunはNode.js APIとの互換性があります。astrojs/node (EN)アダプターを使用すると、BunのランタイムをNodeの代わりに使用して、サーバーサイドレンダリング (EN)をAstroプロジェクトに追加できます。
次のコマンドを実行して、Node.jsアダプターをAstroプロジェクトに追加します。
bunx astro add node上記と同じビルドコマンドを使用して、サイトを再度ビルドします。
bunx --bun astro build最後に、以下のコマンドを使ってビルドしたサイトを実行します。
bun ./dist/server/entry.mjs公式リソース
セクションタイトル： 公式リソースコミュニティー・リソース
セクションタイトル： コミュニティー・リソースAstroでBunを使っていますか？このページにブログ記事やビデオを追加してください！
- BunでCloudflare Pagesサイトを構築する - ブログ記事