Two Forms 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.
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.
![[Your Name]](/_next/image?url=%2F_next%2Fstatic%2Fimage%2Fpublic%2Fimages%2Fportrait.dac843b6f4046606e05b8a81eb24faac.jpg&w=640&q=75)