Shin Code

ReactとNext.jsはどちらを使うべき?

私たちは、可能な限りStatic Generation(データあり・なし)の使用を推奨します。なぜなら、ページは一度構築され、CDN によって提供されるので、リクエストごとにサーバーがページをレンダリングするよりもはるかに高速になるためです。

Static Generation は、次のようなさまざまなタイプのページに使用できます。

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

自問自答する必要があります。「このページをユーザーの要求より先にレンダリングすることは可能か?もし答えがイエスであれば、Static Generation を選択すべきです。

一方、ユーザーのリクエストに先立ってページをプリレンダリングできない場合、Static Generation は良いアイデアではありません。たとえば、頻繁に更新されるデータを表示するページで、リクエストのたびにページのコンテンツが変わるような場合です。

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

← ホームへ戻る