Shin Code

SSGとSSRの使い分けの場面はいつなのか?

2020-02-23
<p>私たちは、可能な限り<strong>Static Generation</strong>(データあり・なし)の使用を推奨します。なぜなら、ページは一度構築され、CDN によって提供されるので、リクエストごとにサーバーがページをレンダリングするよりもはるかに高速になるためです。</p> <p>Static Generation は、次のようなさまざまなタイプのページに使用できます。</p> <ul> <li>マーケティングページ</li> <li>ブログ記事</li> <li>E コマース商品一覧</li> <li>ヘルプ・ドキュメント</li> </ul> <p>自問自答する必要があります。「このページをユーザーの要求より先にレンダリングすることは可能か?もし答えがイエスであれば、Static Generation を選択すべきです。</p> <p>一方、ユーザーのリクエストに先立ってページをプリレンダリングできない場合、Static Generation は<strong>良いアイデアではありません</strong>。たとえば、頻繁に更新されるデータを表示するページで、リクエストのたびにページのコンテンツが変わるような場合です。</p> <p>そのような場合は、<strong>サーバーサイド・レンダリング</strong>を使用することができます。速度が遅くなりますが、プリレンダリングされたページは常に最新の状態に保たれます。また、プリレンダリングをスキップして、クライアントサイド JavaScript を使用してデータを入力することもできます。</p>
← ホームへ戻る