プリレンダリングの2つの形態
2022-02-22
Next.js では、プリレンダリングには 2 つの形態があります。静的生成とサーバーサイドレンダリングです。違いは、ページの HTML をいつ生成するかという点です。
- 静的生成は、ビルド時に HTML を生成するプリレンダリング方法です。プリレンダリングされた HTML は、各リクエストで再利用されます。
- サーバーサイドレンダリングは、リクエストごとに HTML を生成するプリレンダリング方法です。
重要なのは、Next.js では、各ページでどのプリレンダリング方式を使うか、選択することができるということです。ほとんどのページで静的生成、その他のページでサーバーサイドレンダリングを利用することで、「ハイブリッド」な Next.js アプリを作成することができます。