連載「Astro × microCMS でブログを作る」

Astro と microCMS で技術ブログを一から作る連載です。プロジェクトの作成から、記事一覧・コードのハイライト・OGP・連載機能・トップページの構成まで、このサイトを作った手順をステップごとに解説します。

1. Astro と microCMS を接続して記事を取得する｜astro:env で APIキーを管理し、getAllContents で全件取得2026/10/23
2. Astro × microCMS で記事一覧・記事詳細・ページ送りを作る｜getStaticPaths と fields で静的生成2026/10/23
3. microCMS のコードブロックを shiki でハイライトする｜Astro のビルド時に cheerio で変換（ファイル名表示つき）2026/10/23
4. Astro × microCMS で OGP・サイトマップ・画像の WebP 化を設定する2026/10/23
5. Astro × microCMS でブログに連載機能を作る（第N回の自動採番・目次・前後リンク）2026/10/23
6. Astro のブログを「トップページ＋セクション」構成に作り替える（ツール一覧も追加）2026/10/23