SPA,SSR,SSG,ISRとか色々

色々読んだけどこれが一番わかりやすかった SPA 特徴 ブラウザでAPIを叩き、データを取得してDOMを構築して差分をレンダリング メリット ページごとにリクエストを送らないためページ遷移が高速 ビルド済のHTMLとJSファイルがホスティングサーバーにあれば動く デメリット 初期ローディングは時間がかかる SEOでは不利な可能性もある SSR 特徴 ブラウザ上で初期データをレンダリングするのではなく、サーバー側でAPIを叩き、レンダリングまで行ってからHTMLファイルを返却する メリット コンテンツ表示までの時間が早い(ブラウザ上で初期レンダリングを行わないから) SEOに有利 デメリット Node.jsサーバーを実行できる環境が必要(NextやNuxtなどのフレームワークを利用) サーバー側の負荷が増加する SSG アプリのビルド時にAPIgからデータを取得して、HTMLファイルを生成す