Astro
コンテンツ中心サイトへ必要な対話部分だけを配るWebフレームワーク。標準では静的HTMLを生成し、選んだUI部品だけをブラウザで動かす。
何を担当する？
標準では静的HTMLを生成し、選んだUI部品だけをブラウザで動かす。
いつ使う？
- ブログ、文書、企業サイトで表示速度と少ないJavaScriptを重視するとき。
避けたい場面
- 画面全体が常時対話する単一ページアプリを中心に作るとき。
Astro / Nuxt
「どっちが上？」ではなく、まず同じ仕事をする道具なのかを確認します。
直接比較しやすい組み合わせ
AstroとNuxtはどちらも「Webサイト・Webアプリ」の技術なので、同じ土俵で比較しやすい組み合わせです。
Nuxt
Vueを基盤にフルスタックWebアプリを作るフレームワーク。規約に沿ったルーティング、描画、サーバー処理を提供する。
何を担当する？
規約に沿ったルーティング、描画、サーバー処理を提供する。
いつ使う？
- VueでSSRや静的生成を含むサイト全体を作るとき。
避けたい場面
- Vueを使わないか、小さな埋め込み部品だけで足りるとき。
NuxtとAstroはWebアプリ全体の描画・ルーティング・配備方式で比較される。規約に沿ったルーティング、描画、サーバー処理を提供する。一方、Astroは標準では静的HTMLを生成し、選んだUI部品だけをブラウザで動かす。