GUIDED ROUTE

ブログを作る

記事を主役にして、少ないJavaScriptで高速に配信する構成です。

ROUTE

代表的な構成

唯一の正解ではなく、理解しやすい出発点です。

  1. 01
    Web標準・言語TypeScript

    JavaScriptへ静的な型検査を加えるプログラミング言語。

  2. 02
    Webサイト・WebアプリAstro

    コンテンツ中心サイトへ必要な対話部分だけを配るWebフレームワーク。

  3. 03
    実行環境Cloudflare Workers

    世界各地のエッジでWeb標準APIを動かすサーバーレス実行環境。

  4. 04
    自動検証・公開GitHub Actions

    GitHub リポジトリ内でワークフローを自動実行するCI/CD。

WHY THIS ROUTE?

なぜこの構成?

  • Astroは記事中心の画面を静的HTMLとして出力しやすい。
  • TypeScriptで記事のメタデータや部品の型を揃えられる。
  • Cloudflare Workersで静的成果物を世界各地から配信できる。
TRADE-OFFS

向かない場面

  • ログイン後の操作が中心なら、アプリ向けのフレームワークが扱いやすい。
  • 編集者が管理画面を必要とする場合は、別途CMSを組み合わせる必要がある。
ALTERNATIVES

別ルートもある

  • Reactも使うなら、Next.jsで記事と動的画面をまとめる。
  • Vueに慣れているなら、Nuxtのコンテンツ機能を使う。