Astro＋Cloudflare Workersでブログを作る｜WordPressを使わない構成と選んだ理由

個人サイトの構築にAstro、GitHub、Cloudflare Workersを選んだ理由と、最初に準備したアカウントをまとめます。

公開：更新：
Astro＋Cloudflare Workersでブログを作る｜WordPressを使わない構成と選んだ理由

WordPress以外でブログを作りたいと思っても、AstroやCloudflare Workersを選ぶ理由が分からず、「結局WordPressでいいのでは？」と迷いやすいところです。特に、記事をMarkdownで管理したい、GitHubで変更履歴を残したい、将来はAIや自動化も組み込みたいとなると、一般的なブログ構成とは少し条件が変わります。

ゆまラボでは、実際にその条件から構成を検討し、Astro＋GitHub＋Cloudflare Workersを採用しました。この記事では、この構成を選んだ理由と、最初にどこまで準備したのかを整理します。WordPressとの違いも含め、これからAstroで個人ブログを作るべきか判断したい方が構成を選ぶ材料にできる内容です。

Astroを選択した理由#

Astroは、ブログやドキュメントのようなコンテンツ中心のサイトに向いたフレームワーク。記事をMarkdownで保存し、ビルド時にHTMLを生成できる。

通常の記事は静的HTMLとして配信し、必要な部分だけJavaScriptを使用。将来Google AdSenseを導入する場合も、広告用JavaScriptの読み込みに対応できる。

記事ファイルはGitHubで管理。変更履歴の確認、以前の状態への復元、別サーバーへの移行にも利用できる構成になる。

Astro公式のブログテンプレートには、Markdown・MDX、サイトマップ、RSS、OGPなどの基本機能も用意されている。

公開基盤はCloudflare Workers#

公開先にはCloudflare Workersを選択。

静的サイトの公開先としてCloudflare Pagesも候補に含めた。ただし、現在はWorkersでもStatic AssetsとしてHTMLやCSSを配信できる。今後、キーワード収集、メール通知、AI API連携などを追加しやすい点も判断材料の一つ。

初期構成は動的処理なし。Astroで生成したHTML、CSS、画像をWorkers Static Assetsから配信するだけのシンプルな形に設定。

最初に必要なアカウント#

初回公開で必要なアカウントは、実質的に次の2つ。

横にスクロールできます
アカウント用途初期費用
GitHubソースコード、記事、変更履歴の保存無料
CloudflareWorkersへのデプロイとサイト公開無料

独自ドメインの購入は保留。まずはCloudflareから発行されるworkers.devのURLで動作確認を行い、サイトの方向性が決まった段階で取得する方針を採用。

以下のサービスも初期段階では登録を見送り。

  • Google Search Console
  • Google Analytics
  • Google AdSense
  • AI API
  • メール配信サービス

先に確認するのは、サイトの作成、記事の追加、GitHubへの保存、Cloudflareへの公開という基本経路。

yumaru-siteとして開始#

プロジェクト名はyumaru-site。

Cloudflare Workersから発行された公開URLはこちら。

https://yumaru-site.yumaru.workers.dev

次回は、Windows上でAstro公式ブログテンプレートを作成。ローカル表示と本番ビルドまで進める。