ブログを作る
記事を主役にして、少ないJavaScriptで高速に配信する構成です。
代表的な構成
唯一の正解ではなく、理解しやすい出発点です。
- 01
JavaScriptへ静的な型検査を加えるプログラミング言語。
- 02
コンテンツ中心サイトへ必要な対話部分だけを配るWebフレームワーク。
- 03
世界各地のエッジでWeb標準APIを動かすサーバーレス実行環境。
- 04
GitHub リポジトリ内でワークフローを自動実行するCI/CD。
なぜこの構成?
- Astroは記事中心の画面を静的HTMLとして出力しやすい。
- TypeScriptで記事のメタデータや部品の型を揃えられる。
- Cloudflare Workersで静的成果物を世界各地から配信できる。
向かない場面
- ログイン後の操作が中心なら、アプリ向けのフレームワークが扱いやすい。
- 編集者が管理画面を必要とする場合は、別途CMSを組み合わせる必要がある。
別ルートもある
- Reactも使うなら、Next.jsで記事と動的画面をまとめる。
- Vueに慣れているなら、Nuxtのコンテンツ機能を使う。