前回からの続きです。【Astro入門】トップページに新着記事一覧を表示！getCollectionを使ったデータ取得と並び替え今回は、作成したサイトをインターネットに公開するための本番環境を構築していきます。本番環境の構成内容本番環境は以下...

前回からの続きです。【Astro入門】トップページに新着記事一覧を表示！getCollectionを使ったデータ取得と並び替え今回は、Astroのコンテンツコレクションをさらに活用して、「日記用のブログ」と「専門的な技術記事」のディレクトリ...

前回からの続きです。【Astro入門】ブログ記事と画像の最適なディレクトリ構成！「1記事1フォルダ」管理とslug設定今回はブログのトップページに、新着記事を最新のものから10件取得して一覧表示させてみます。src/pages/index....

Astroで記事を作成する場合、どのようにディレクトリ構成で記事を管理するのが良いのか？そんな疑問が生じたので、色々と調査してみました。Astroの推奨構成「1記事=1ディレクトリ」従来の管理方法と懸念点現在は「src/content/bl...

今回は、Astroの目玉機能である「コンテンツコレクション（Content Collections）」を導入して、Markdown（.md）形式で書いた記事を管理できるようにしていきます。コンテンツコレクションは、記事の「型（ルール）」を厳...

前回はAstroのディレクトリ構造の解説と、全ページ共通のひな形となるレイアウト（BaseLayout.astro）を作成しました。前回の記事のリンク: 今回は、作成したレイアウトをさらに進化させ、SEO（検索エンジン対策）に欠かせない「ペ...

今回は以前構築したPodman + Astroの開発環境を使って、実際にWebサイトのトップページを構築してみます。前回の記事： Astro開発サーバ起動まずは、作業用のコンテナ（開発サーバー）を起動します。$ cd ~/project/a...

AstroをPodmanを使ってインストールする手順です。Node.jsのイメージを使用したコンテナを立ち上げ、ホスト（Ubuntu側）のディレクトリにAstroをインストールします。その後、インストールされたディレクトリをコンテナにマウン...