Astro - Node.js

  • 作成日:
  • 最終更新日:2025/10/11

プロジェクトの作成

プロジェクトを作成するには、以下のコマンドを実行します。

my-astro-projectがプロジェクトのディレクトリ名になります。

npm create astro@latest my-astro-project

上記のコマンドを実行すると、対話式で設定を行います。

npm create astro@latest my-astro-project
Need to install the following packages:
create-astro@4.13.1
Ok to proceed? (y) y


> npx
> create-astro my-astro-project


astro   Launch sequence initiated.

    ◼  dir Using my-astro-project as project directory

tmpl   How would you like to start your new project?
    — A basic, helpful starter project
    — Use blog template
    — Use docs (Starlight) template
    > Use minimal (empty) template

deps   Install dependencies? (recommended)
    ● Yes  ○ No

git   Initialize a new git repository? (optional)
    ● Yes  ○ No

アプリの起動

作成した Astro で作成したプロジェクトに移動し、以下のコマンドを実行します。

npm run dev

ブラウザでhttp://localhost:4321を開くと Astro サイトが表示されます

ビルド

npm run build