ブログを作った


Astro というフレームワークでブログを作って Cloudflare Workers にデプロイしてみました。

Cloudflare の公式ドキュメントを参考にプロジェクトを作成。
https://developers.cloudflare.com/workers/framework-guides/web-apps/astro/

mkdir blog
cd blog
npm create cloudflare@latest -- . --framework=astro

Astro のテンプレートを選択するように求められたので blog テンプレートを選びました。
https://github.com/withastro/astro/tree/main/examples/blog

起動してみたところ画像がうまく表示できていなかったので、 astro.config.mjsimageServicecompile に変更しました。 少しだけ調べた感じだとコンテンツの量が増えたときにビルド時間が長くなる可能性はありそうだったのですが、表示できたので一旦これでよしとしました。 https://docs.astro.build/ja/guides/integrations-guide/cloudflare/#imageservice

export default defineConfig({
  ...
  adapter: cloudflare({
    ...
-   imageService: "cloudflare"
+   imageService: "compile"
  }),
});

あとは Renovate を設定してみました。 他のリポジトリで Dependabot も使ってみて違いを比べてみたいです。

renovate

Cloudflare Workers の GitHub 連携も設定してみました。 簡単に設定でき、プロダクションブランチに変更があると自動でデプロイされるようです。 それ以外のブランチの場合はプレビュー環境にデプロイされるようで、とても便利そうでした。
https://developers.cloudflare.com/workers/ci-cd/builds/git-integration/

cloudflare-github-integration

スタイルなどはまだほとんどテンプレートのデフォルトのままなので、今後色々いじっていければと思います。