TOPIC OVERVIEW

nextjs/SSG

Building the HTML once, at build time, so every request gets it instantly.

10 QuestionsIntermediateHigh Priority ~11 min read

Static Site Generation pre-renders a page's HTML once at build time, rather than per request. In the App Router, this is actually the default — any route that doesn't read request-specific data (cookies, headers, search params) or call a dynamic function is automatically rendered statically, with no extra configuration needed to opt in.

generateStaticParams lets you pre-render specific values for a dynamic route at build time — every blog post slug, every product ID — turning a whole set of dynamic pages into static ones. Incremental Static Regeneration, controlled via the revalidate option, extends this further: a statically generated page can be regenerated in the background after a set time interval, without requiring a full site rebuild, combining SSG's speed with data that's allowed to go stale and quietly refresh.

What you'll walk away knowing

Why SSG produces the fastest possible response — HTML that's already built before any request arrives

What automatically makes a route static versus forces it into dynamic rendering

How generateStaticParams pre-renders specific dynamic route params at build time

How Incremental Static Regeneration lets static pages refresh without a full site rebuild

1What is static site generation (SSG) in Next.js?ExpertHigh 2What are the benefits of Static Site Generation in Next.js?ExpertHigh 3What is Incremental Static Regeneration (ISR)?ExpertHigh 4What is are different revalidation strategies in Incremental Static Regeneration (ISR)?ExpertHigh 5How do we generate static pages in a NextJS project with the app router?ExpertHigh 6Discuss getStaticProps in briefExpertHigh 7Discuss briefly getStaticPathsExpertHigh 8What are the fallback options in getStaticPaths?ExpertHigh 9What is generateStaticParams in the App Router?ExpertHigh 10What types of pages are best suited for SSG?ExpertHigh 11How does SSG differ from SSR and CSR?ExpertHigh 12How does Next.js handle cache invalidation in ISR, and what are the pitfalls?ExpertHigh 13What is the difference between revalidatePath and revalidateTag? When do you use each?ExpertHigh 14How does SSG interact with middleware in Next.js?ExpertHigh 15What are the trade-offs between full static export (output: 'export') vs standard SSG with ISR?ExpertHigh 16How do you avoid build-time data staleness in SSG?ExpertHigh 17What is Partial Prerendering (PPR) and how does it relate to SSG?ExpertHigh 18How would you architect SSG for a site with 100,000+ pages?ExpertHigh 19How does SSG work in a monorepo or multi-zone Next.js architecture?ExpertHigh 20How would you debug a page that should be static but is being rendered dynamically?ExpertHigh

All Topics