👋

SSR,SG,SSGとはなにか?

2022/08/08に公開

はじめに

React,Next.jsを学習いていくうえで、なんとなくでしか理解できていない、SSR,CSR,SSGについて定義をしっかりしておきたいのでまとめます。
(間違った解釈につては、バチバチに指摘してください。まず自分は、レンタルサーバーですべてを実行できると思ってました。)

SSRとは?

SSR(サーバーサイドレンダリング)は、調べると下記の様に記されていました。

サーバーサイドレンダリング(SSR)は、HTTP要求に基づいてクライアントにコンテンツをレンダリングするプロセスです。クライアントがリクエストを作成し、サーバーがそれを処理して、レンダリングされたHTMLをクライアントに返します。

最後の部分「サーバーがそれを処理して、レンダリングされたHTMLをクライアントに返します」だけ理解しておけばいいのではないでしょうか?

一言で言うと、jsからサーバでhtmlを作ってブラウザで表示できるようにする。
(SSR対応のサーバーが必要)

CSRとは?

CSR(クライアントサイドレンダリング)は、SSRの動きをブラウザで行うようなもの。
(SPAはこのかたち)

SSGとは?

SSG(静的サイトジェネレーター)は、ビルド時にhtmlやcssが生成される。
(ページ更新時にアプリケーション全体がビルドされるため、大規模なアプリケーションでは不向き)

Discussion

ログインするとコメントできます