Back to results for “Rendering (SSR/SSG/ISR)”
Next.js › Rendering (SSR/SSG/ISR)

What are the main benefits of static site generation, and when is it the best choice?

Beginner

Answer

Static site generation produces the fastest possible loading pages since the HTML is already fully built and can be served instantly from a content delivery network, making it ideal for content that does not change often, like marketing pages, documentation, or blog posts that are not updated many times a day.
// Server component with no dynamic data source
// automatically becomes statically generated
export default async function AboutPage() {
  return <h1>About Our Company</h1>;
}
Real-world example A company's about page and pricing page load almost instantly for every visitor around the world since they are statically generated once and served directly from a content delivery network.

Common follow-ups: What happens if you need to update statically generated content after it has already been built?;Is static site generation suitable for personalized content?