Astro
https://astro.build/
What is Astro?
Astro is an all-in-one web framework for building fast, content-focused websites.
Key Features
Component Islands: A new web architecture for building faster websites.
Server-first API design: Move expensive hydration off of your users’ devices.
Zero JS, by default: No JavaScript runtime overhead to slow you down.
Edge-ready: Deploy anywhere, even a global edge runtime like Deno or Cloudflare.
Customizable: Tailwind, MDX, and 100+ other integrations to choose from.
UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more.
SSRする
Static Site Generator機能を持つGatsbyやNext.jsであればReact、Nuxt.jsであればVue.js, SveltKitであればSvelteを利用することが必須になりますがAstroではコンポーネント単位でReact, Vue.js, Svelteなど好きなフレームワーク/ライブラリを利用することができます。
https://reffect.co.jp/html/astro
https://gyazo.com/be65025e12232c7caf73b7f3453d8ac2
https://2022.stateofjs.com/en-US/libraries/front-end-frameworks/
https://docs.astro.build/ja/concepts/mpa-vs-spa/
SPAとの使い分け
ステートフルでインタラクションが多いならSPA
サーバーサイドもJSだからUIコンポーネントもサーバーサイドでレンダリングでき、パフォーマンスが早くなる