 (with and without data) whenever possible because your page can be built once and served by CDN, which makes it much faster than having a server render the page on every request.


You can use Static Generation for many types of pages, including:

You should ask yourself: "Can I pre-render this page 

 of a user's request?" If the answer is yes, then you should choose Static Generation.


On the other hand, Static Generation is 

 a good idea if you cannot pre-render a page ahead of a user's request. Maybe your page shows frequently updated data, and the page content changes on every request.

. It will be slower, but the pre-rendered page will always be up-to-date. Or you can skip pre-rendering and use client-side JavaScript to populate data.


When to Use Static Generation v.s. Server-side Rendering

 is the pre-rendering method that generates the HTML at 

 is the pre-rendering method that generates the HTML on 

 which pre-rendering form to use for each page. You can create a "hybrid" Next.js app by using Static Generation for most pages and using Server-side Rendering for others.

Blog

When to Use Static Generation v.s. Server-side Rendering

Two Forms of Pre-rendering