Astro
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://gyazo.com/be65025e12232c7caf73b7f3453d8ac2
ステートフルでインタラクションが多いならSPA
サーバーサイドもJSだからUIコンポーネントもサーバーサイドでレンダリングでき、パフォーマンスが早くなる