AstroでBunを使う
BunはオールインワンのJavaScriptランタイム＆ツールキットです。詳しくはBunのドキュメントを参照してください。
- あなたのマシンにローカルにBunがインストールされていること。Bunの公式ドキュメントのインストール手順を参照してください。
Bunで新しいAstroプロジェクトを作成する
Section titled “Bunで新しいAstroプロジェクトを作成する”以下のcreate-astroコマンドを使用して、Bunで新しいAstroプロジェクトを作成します。
bun create astro my-astro-project-using-bun依存関係のインストール
Section titled “依存関係のインストール”CLIウィザードで”Install dependencies?”のステップを飛ばした場合は、依存関係をインストールしてから続行してください。
bun installBunは@types/bunパッケージを公開しており、Bunのランタイム型が含まれています。
以下のコマンドを使って@types/bunをインストールしてください。
bun add -d @types/bunCLIのインストールフラグ
Section titled “CLIのインストールフラグ”Astroインテグレーションを使う
Section titled “Astroインテグレーションを使う”astro addコマンドにより、Astroの公式インテグレーションも使えます。
bun astro add reactテーマやスターターテンプレートを使う
Section titled “テーマやスターターテンプレートを使う”create astroコマンドに--template引数を渡すことで、公式サンプルや任意のGitHubリポジトリのmainブランチをもとに新しいAstroプロジェクトを作成できます。
ターミナルで以下のコマンドを実行してください。公式のAstroスターターテンプレート名、または使用したいテーマのGitHubユーザー名とリポジトリ名に置き換えてください。
# 公式サンプルで新しいプロジェクトを作成bun create astro@latest --template <example-name># GitHubリポジトリのmainブランチをもとに新しいプロジェクトを作成bun create astro@latest --template <github-username>/<github-repo>開発とビルド
Section titled “開発とビルド”開発サーバーを起動するには、以下のコマンドを使用します。
bun run devサイトのビルドとプレビュー
Section titled “サイトのビルドとプレビュー”サイトをビルドするには、以下のコマンドを使用します。
bun run buildビルドが完了したら、ターミナルで適切なプレビューコマンド（例: bun run preview）を実行すると、ビルドされたサイトをローカルのブラウザプレビューウィンドウで確認できます。
Bunには、bun testコマンドによる高速で組み込みのJest互換テストランナーが付属しています。その他のAstro用テストツールも使用できます。
公式リソース
Section titled “公式リソース”コミュニティー・リソース
Section titled “コミュニティー・リソース”AstroでBunを使っていますか？このページにブログ記事やビデオを追加してください！
- BunをAstroとCloudflare Pagesで使う - ブログ記事