Open5
SPAの定義が人によって違うので、有名フレームワークでの使われ方を調べる
はじめに
SPA
という単語の意味は非常に曖昧。
人によってCSRしかしないアプリ
という意味で使ったり、CSR, SSR, SSGを1つ以上組み合わせたアプリ
という意味で使ったりする。
正直、どちらが正しいというわけでもないとは思う。
筆者もこちらのツイートと同意見。
ふと、Next.jsとかNuxtとか有名なフレームワークではどちらの使われ方をしているか気になったので調べる。
Next.js
以下のCreate React Appからの移行を解説するドキュメントではSPA = CSR
として使われていそう
Astro
MPAとSPAを比較するこの記事ではSPA = CSR + SSR + SSG
として使われていそう
Next.js、Nuxt、SvelteKit、Remix、Gatsby、Create React Appなどが、SPAフレームワークの一例として挙げられます
Nuxt 2
SPA = CSR
として使われている
'spa': サーバーサイドレンダリングを行いません(クライアントでの遷移のみ)
SvelteKit
SPA = CSR
として使われている