Types of Pre-Rendering
Explore the main types of pre-rendering in Next.js, including static generation and server-side rendering. Understand how and when to use these techniques for building fast, optimized React applications with both static and dynamic data.
Static generation (recommended)
The HTML is generated at build-time and is reused for each request.
Static Generation
Static generation without data
-
If your page has no data blocking requirements, it will be statically generated.
-
The HTML is generated at build time and will be reused on each request.
-
The HTML will be cached on CDNs and allow the pages to be served to the client very quickly.
-
These pages will display the Static Optimization Indicator when the application is ...