【Astro No.01】Astroのインストール

まず、Astro をインストールしてプロジェクトを作成しましょう。PCに Node.js バージョン 16.12.0 以降がインストールされていることを確認してください。

node -v
// 出力
v16.14.0

Astroセットアップ作成ウィザードをインストールします。

npm create astro@latest

yarn create astro

実行するとプロジェクト名と Typescript を使用するかどうかを尋ねられます。さらに、プロジェクトをどのように設定するかについていくつかのオプションが表示されます。今回はブログテンプレートを指定しました。

dir   Where should we create your new project?
         ./test

tmpl   How would you like to start your new project?
         — Include sample files (recommended)
         > Use blog template
         — Empty

deps   Install dependencies? (recommended)
         ● Yes  ○ No

ts   Do you plan to write TypeScript?
         ● Yes  ○ No

use   How strict should TypeScript be?
         > Strict (recommended)
         — Strictest
         — Relaxed

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

インストールが完了したら、作成したプロジェクトフォルダに移動して実行します。

npm run dev

yarn run dev

ブラウザを開いて http://localhost:3000 にアクセスすると、サンプルファイルが開けます。

Netlifyにテンプレートのブログをアップしましたのでどんな見た目か気になる方はご確認ください。

URL : https://astro1.pi-product.com