Nozomuのブログ

Nozomuのブログ

静的生成 vs サーバーサイドレンダリング

静的生成とサーバーサイドレンダリングを使用する場合

静的生成(データの有無に関わらず)を可能な限り使用することをお勧めします。なぜなら、あなたのページは一度構築され、CDNによって提供されるため、サーバーがリクエストのたびにページをレンダリングするよりもはるかに速くなります。

静的生成は以下のような多くのタイプのページに使用することができます。

  • マーケティングページ
  • ブログ記事一覧
  • Eコマースの製品リスト
  • ヘルプとドキュメント

自問自答してみてください。"ユーザーのリクエストに先立って、このページをプリレンダリングできますか?" と自問自答する必要があります。答えがイエスであれば、静的生成を選択すべきです。

一方で、ユーザーのリクエストに先立ってページをプリレンダリングできない場合、スタティック生成は良いアイデアではありません。もしかしたら、あなたのページは頻繁に更新されるデータを表示していて、ページの内容はリクエストのたびに変化しているかもしれません。

そのような場合は、サーバーサイドレンダリングを使うことができます。レンダリングは遅くなりますが、プリレンダリングされたページは常に最新の状態で表示されます。あるいは、プリレンダリングをスキップして、クライアントサイドの JavaScript を使用してデータを入力することもできます。