Astro を Cloudflare に載せる

テックブログのようなコンテンツサイトでは、まず静的生成(SSG)で十分です。そのうえで @astrojs/cloudflare を入れておくと、必要なページだけ SSR に切り替えられます。

静的のままアダプターを入れる理由

  • 記事ページはビルド時に HTML 化され、CDN から配信される
  • Free プランでも Workers のリクエスト枠をほぼ消費しない
  • 後から動的なページが必要になったら export const prerender = false を付けるだけ

デプロイの流れ

  1. npm run builddist/ を生成
  2. Cloudflare Dashboard の Git 連携、または npm run deploy(Wrangler)で公開

詳細はリポジトリの README を参照してください。