Astro
Markdownやコンポーネントから静的サイトを生成できる、コンテンツ中心のWebフレームワーク。
概要
Astro は、Markdownやコンポーネントを使って静的サイトを作れるWebフレームワークです。 ブログ、ドキュメント、ナレッジベース、ポートフォリオのような、コンテンツ中心のサイトと相性が良いです。
内容
このサイトでは、Markdownファイルを src/content/knowledge/ に置き、それをページとして表示するために使っています。
GitHub Pages に静的ファイルとしてデプロイできるので、サーバーやDBを用意しなくても公開できます。
掘り下げ
Reactとの違い
React単体はWebアプリを作る色が強いですが、Astroは静的な情報サイトを作る用途に向いています。 必要なところだけJavaScriptを使えるため、文章中心のサイトを軽く作りやすいです。
このサイトでの見る場所
src/pages/: URLになるページsrc/layouts/: 共通レイアウトsrc/content/knowledge/: Markdownの知識ページsrc/styles/global.css: 全体の見た目.github/workflows/deploy.yml: GitHub Pagesへのデプロイ
更新履歴
- 初版作成
- Astroの利用例と、このサイトでの選定理由への子ページを追加