Astroブログ運用メモ：インテグレーションとCMS候補

Astroで個人ブログを作るときに役立ちそうなインテグレーションや運用のメモ。 あくまで「今の時点の手触り」を残すのが目的なので、箇条書きというよりは短いメモとして残しておく。

すでによく使うインテグレーション

まず定番になっているのが astro-rss と astro-sitemap。 RSSとサイトマップは最低限のSEO基盤なので、だいたい初期構成で入れる。 それに加えて astro-check は、 ビルド前に軽く健康診断できる感覚があって安心。 あと、Markdownだけだと表現が足りない場面があるので、MDX はかなりおすすめ。 Astroなら @astrojs/mdx を使う。 このあたりは「入れておくと運用が楽になる」枠として見ている。

これから試したいもの（気になっている）

次に気になっているのは、公式インテグレーションの Astro OG。 中身はまだ深く見れていないけど、OG画像生成をもっとシンプルにできるならうれしい。 今のブログだと、日本語改行の都合で自前実装が多くなっているので、 そこが少しでも軽くなるなら試したい。

SEOまわりだと astro-seo も気になる。 OG画像不足を直接補うものではないはずだけど、 「基本を整える」という意味では見ておいて損はなさそう。

それと、ライト/ダーク/システムの3モードを切り替えられる テーマトグルが欲しいけど、Astro系で良いパッケージはあまり見つからない。 このあたりは結局自前実装になりそう。

加えて自分はView Transitionsを使っているので、 読み込み中だとわかるローディングエンジケーターがあると便利そう。 アニメーション込みでうまく提供してくれるパッケージがあれば検討したいし、 なければ自作するかもしれない。

更新フローの課題と改善メモ

このブログはコンテンツコレクション運用なので、.md/.mdx を直接編集できる環境がないと更新しづらい。 PCがあるときは問題ないけど、 スマホから気軽に更新できる仕組みがあると継続しやすいというのはずっと感じている。

最近は Codex / Code on the Web などのAIエージェントが出てきて、 スマホからでもターミナルやGit操作までできるので、1年前よりはかなり改善している。 ただ、やっぱり「ビジュアル的なエディタ」や「スマホ画面に特化した編集体験」があると、 更新のテンションはもっと上がる気がする。 車の画面でも編集できるくらいのUIがあれば最高かもしれない。

いろいろ見ているヘッドレスCMS候補

Astroの公式CMSガイドを眺めて、 Keystatic / KeystoneJS / microCMS / Payload CMS / Prismic / Sanity / Craft CMS / Crystallize / DatoCMS / Decap CMS / Directus / Drupal / Flotiq / Front Matter CMS / Ghost / GitCMS / Contentful / Cosmic / Strapi / Tina CMS / Builder.io / ButterCMS などの候補やガイドが書かれている。

ContentfulやmicroCMSあたりは有名どころで触ったことはあるが、 他はまだあまり深く見れていない。最近地域コミュニティでご一緒している方がNuxt Studioと発言しているのを見て、調べてみたが確かに良さそうな印象を受けた。Astroには類似の公式インテグレーションはないがポジション的にはKeystaticやTina CMSあたりに近いのかなと思う。色々触れていきたいなと感じる。

ただまぁ現状は選択肢が多すぎてまだ検証途中。 良さそうなものが出てきたら、別途記事にまとめたいと思う。