logo
/
SSRとSSGとCSR
  • SSRはアクセス時に初期ページをレンダリングして返すもの
    • ※Googleクローラーは対応しているが、Twitter [OGP]などは[SSR]していないと読み込まれない
  • SSGはビルド時にページをレンダリングするもの
    • 静的ファイルでも、HTML読み込み後、JSが実行されるとSPAとして振る舞う
    • ビルドを行う必要があるため、コンテンツの更新を即時反映できない等のデメリットがある
  • CSRは全てを渡し、フロントでレンダリングするもの
    • 初期読み込みは遅い