Getting Started with Static Site Generation
Learn how static site generation pre-renders pages at build time for maximum performance and SEO benefits.
Static site generation is a powerful approach to building web applications. By pre-rendering pages at build time, your site loads instantly for every visitor, regardless of their location or device capabilities.
When you combine SSG with internationalization, every locale gets its own set of pre-rendered HTML files. This means a visitor in Tokyo sees the Japanese version of your site just as fast as someone in New York sees the English version. No runtime translation overhead, no loading spinners, no layout shift.
The key to making this work in Next.js is the generateStaticParams function. By returning all combinations of locale and page parameters, you instruct the build process to create a static HTML file for each permutation. The result is a fully static, fully translated site that can be served from a CDN edge node anywhere in the world.