JSフレームワークの「Astro」でページを新規作成する方法を紹介します。
※ここでは、Astro環境を用意されている前提で進めます。
Astroでページを作成する方法
Astroに新規ページを追加する
Astroでページを追加する際は、下記にファイルもしくはフォルダを用意しページを追加する必要があります。
「プロジェクトフォルダ(npmで作成する際に設定したフォルダ名)/src/pages/」
この中に新しくファイルを作っていきます。
Astroでは、Astroの専用ファイル「.astro」と「.html」「.md」が使用可能です。
「xxx.com/sample.html」のような形でページを作成したい場合
「プロジェクトフォルダ(npmで作成する際に設定したフォルダ名)/src/pages/」直下に直接ファイルを作成します。
「xxx.com/sample/」のような形でページを作成したい場合
「プロジェクトフォルダ(npmで作成する際に設定したフォルダ名)/src/pages/sample/index.astro」の用にフォルダを作成し、中にファイルを追加します。
どちらもHTMLで作るのと同じなので、非常に簡単に新規ページを作成できます。
ABOUT ME