事前レンダリングの2つの形式

Next.jsには2つの形式の事前レンダリングがあります。静的生成とサーバーサイドレンダリングです。違いはページのHTMLを生成するタイミングにあります。

静的生成は、ビルド時にHTMLを生成するプリレンダリング方式です。プリレンダリングされた HTML は各リクエストで再利用されます。

サーバーサイドレンダリング は、各リクエストで HTML を生成する事前レンダリングメソッドです。 重要なのは、Next.jsでは各ページで使用する事前レンダリングフォームを選択できることです。ほとんどのページにスタティック生成を使用し、その他のページにはサーバーサイドレンダリングを使用することで、「ハイブリッド」なNext.jsアプリを作成することができます。