1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【Next.js】増文静的生成とは

Posted at

増文静的生成とは

Next.jsのインクリメンタル静的生成(Incremental Static Regeneration、ISR)は、静的生成(Static Generation、SG)の一種であり、ビルド時に事前にHTMLを生成するのではなく、初回のリクエスト時にHTMLを生成し、その後にバックグラウンドで再生成することができる機能です。

ISRでは、最初のリクエスト時に静的に生成されたHTMLがクライアントに提供されます。同時に、最新のデータを取得してページの内容を更新し、次のリクエスト時に新しいデータを含んだHTMLが生成されます。その後、新しいHTMLが生成されるまでの間、以前のHTMLがキャッシュされ、次のリクエストに返されます。

利点

ISRの利点は次のとおりです:

1. リアルタイムのデータ更新 : ISRを使用すると、ページの内容がリアルタイムで更新され、ユーザーに最新の情報が提供されます。データが更新されるたびにページ全体を再生成する必要はなく、部分的な更新が可能です。

2. 高速なパフォーマンス : ISRは静的生成と同様に静的なHTMLを提供するため、高速なページ読み込みを実現します。また、再生成がバックグラウンドで行われるため、ユーザーには即座に最新のコンテンツが表示されます。

3. 柔軟性とスケーラビリティ : ISRは静的生成と動的なレンダリングのハイブリッドであり、静的なコンテンツと動的なデータの組み合わせを実現します。これにより、柔軟性が向上し、異なるページに異なる更新頻度を適用できます。

まとめ

ISRは、リアルタイムのデータが必要なページや、頻繁に更新されるコンテンツが含まれるページに最適です。例えば、ブログのコメントセクションや商品の在庫情報などが該当します。ISRを使用することで、静的生成と動的なデータのベストな組み合わせを実現し、ユーザーエクスペリエンスを向上させることができます。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?