### Two Types of Pre-Rendering
Next.js has two forms of pre-rendering: **Static Generation** and **Server-side Rendering**. The difference is in **when** it generates the HTML for a page.

- **Static Generation** is the pre-rendering method that generates the HTML at **build time**. The pre-rendered HTML is then _reused_ on each request.
- **Server-side Rendering** is the pre-rendering method that generates the HTML on **each request**.

### A Choice
Importantly, Next.js lets you **choose** 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.

<h3>Two Types of Pre-Rendering</h3>
Next.js has two forms of pre-rendering: Static Generation and Server-side Rendering. The difference is in when it generates the HTML for a page.
<ul>
<li>Static Generation is the pre-rendering method that generates the HTML at build time. The pre-rendered HTML is then reused on each request.</li>
<li>Server-side Rendering is the pre-rendering method that generates the HTML on each request.</li>
</ul>
<h3>A Choice</h3>
Importantly, Next.js lets you choose 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.

Two Forms of Pre-rendering

Two Types of Pre-Rendering

A Choice

Ready to get started?