速いは正義!最速王に俺はなる!! Astro+GitHub+Cloudflare Pagesノススメ

公開日時:1月11日 0時55分

【PR】この記事にはアフィリエイトリンクが含まれています

Webパフォーマンスチューニングがお好き? 結構。 ではますます好きになりますよ。さぁどうぞ。

SSG(静的サイトジェネレータ)のAstroとGitHub、それにVercelやCloudflare Pagesといったクラウド環境を組み合わせると爆速な静的Webサイトが簡単に構築できます。しかも無料!!凄い時代になりました…

このサイトもAstroで構築したフロント部分をGitHubで管理、microCMSで管理している記事データをAPIで取得してCloudflare Pages上にデプロイ、という構成です。
CMSでコンテンツを管理しつつパフォーマンスを重視、という案件が増えてきてAstroとヘッドレスCMSの組合せに興味があったので初めてmicroCMS使ってみましたが結構いいかも。WordPressみたいにカスタムフィールド部分から開発しなくてもUIの操作だけでそれなりのものが作れて凄く便利です。WordPress使い慣れてるからコンテンツ管理はWordPressがいい、って依頼も多そうだし、そのうちWordPressのヘッドレスCMS化にも挑戦したいです。

SSGだけでも他にもNext.jsやHugoとか選択肢が色々あって悩ましいけど私は開発ペースに勢いのあるAstroが好きです。ホスティングは商用利用しないならCloudflare PagesもVercelもデプロイしたサイトにアクセスした時のレスポンスが甲乙つけがたいくらい速くていい感じです。無料で商用利用ならとりあえずCloudflare Pages選んでおけば間違いないと思います。

参考書も結構出てます。

Astro フロントエンド開発の教科書

Astro フロントエンド開発の教科書

Astro × GitHub × Cloudflareで学ぶモダンWeb開発

Astro × GitHub × Cloudflareで学ぶモダンWeb開発

Cloudflare Workers+Pagesで旅行メモのサイトを作ってみよう! (技術の泉シリーズ)

Cloudflare Workers+Pagesで旅行メモのサイトを作ってみよう! (技術の泉シリーズ)

Next.js+ヘッドレスCMSではじめる! かんたんモダンWebサイト制作入門 高速で、安全で、運用しやすいサイトのつくりかた

Next.js+ヘッドレスCMSではじめる! かんたんモダンWebサイト制作入門 高速で、安全で、運用しやすいサイトのつくりかた