profile

shutootaki

プリレンダリングの2つの形態

2022-02-22

Next.js では、プリレンダリングには 2 つの形態があります。静的生成サーバーサイドレンダリングです。違いは、ページの HTML をいつ生成するかという点です。

  • 静的生成**は、**ビルド時**に HTML を生成するプリレンダリング方法です。プリレンダリングされた HTML は、各リクエストで再利用されます。
  • サーバーサイドレンダリング**は、**リクエストごとに HTML を生成するプリレンダリング方法です**。

重要なのは、Next.js では、各ページでどのプリレンダリング方式を使うか、選択することができるということです。ほとんどのページで静的生成、その他のページでサーバーサイドレンダリングを利用することで、「ハイブリッド」な Next.js アプリを作成することができます。

⇐ ホームに戻る