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