microCMS + Astro + Cloudflare Pages で「chocomariru」ブログを開設しました！
こんにちは！chocomariru（ちょこまりる）のブログへようこそ。このサイトは「microCMS + Astro + Cloudflare Pages」というモダンな構成で構築された、完全無料かつ超高速なブログです。
なぜこの技術構成を選んだのか？
従来のWordPressによるブログ運営では、サーバー代のランニングコストやプラグインの脆弱性対応・アップデート管理が負担になりがちでした。そこで、以下の3つを組み合わせたヘッドレスCMS + 静的サイトジェネレータ（SSG）構成を採用しました。
- microCMS：日本製の使いやすいヘッドレスCMS。無料枠でも10,000記事まで作成可能で、スマホからも快適に執筆できます。
- Astro：不要なJavaScriptを削ぎ落とし、圧倒的な表示速度とSEOパフォーマンスを実現するWebフレームワーク。
- Cloudflare Pages / Workers：世界中のエッジサーバーから高速配信でき、帯域幅無制限・SSL（https）無料で運用できます。
このブログに搭載されている機能
シンプルで温かみのあるブラウン・チョコレート系のデザインをベースに、ブログ運営に必要な機能を最初からフル装備しています。
- 記事一覧・詳細ページ・見出しからの目次（TOC）自動生成
- カテゴリ別およびタグ別の絞り込み表示
- サーバーレスで瞬時に動くキーワードリアルタイム検索
- OGP・サイトマップ（sitemap-index.xml）・RSSフィード（rss.xml）の自動生成
microCMS と接続して記事を更新する方法
現在表示されているこの記事は、microCMSのAPIキーを設定する前に表示されるスターター記事です。以下の3ステップで、あなた専用のmicroCMS管理画面とすぐに連携できます。
ステップ1：microCMSでAPIを作成する
プロジェクト内の microcms-schemas/ フォルダに入っているスキーマ定義JSONを使えば、categories（カテゴリ）とblogs（ブログ記事）のAPIをワンクリックでインポートできます。
ステップ2：環境変数を設定する
MICROCMS_SERVICE_DOMAIN と MICROCMS_API_KEY を Cloudflare Pages の環境変数（ローカル開発時は .env）に設定します。
ステップ3：Webhookで自動デプロイを繋ぐ
Cloudflare Pages で発行した「Deploy Hook URL」を microCMS の Webhook 設定に登録すれば、microCMSで記事を公開ボタンを押すだけで自動的にサイトが更新されます！
「思いついたときに、すぐ書けて、すぐ届く。」そんな心地よい場所として、これから少しずつ記事を増やしていきます。