Revalidation patterns in NextJS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is revalidation in Next.js?

Revalidation is the process of updating cached or statically generated pages after a set time or event, so users see fresh content without rebuilding the whole site.

beginner

What does the revalidate property do in Next.js getStaticProps?

It sets the number of seconds after which a page will be regenerated in the background when a request comes in, enabling Incremental Static Regeneration.

intermediate

Explain Incremental Static Regeneration (ISR) in Next.js.

ISR lets Next.js update static pages after build time by regenerating them on-demand in the background, so users get fast pages with fresh data.

intermediate

How does On-Demand Revalidation work in Next.js?

It allows you to manually trigger a page regeneration via an API route, so you can update pages immediately after data changes without waiting for the timer.

advanced

What is the difference between revalidate and cache-control headers in Next.js?

revalidate controls how often Next.js regenerates static pages, while cache-control headers control browser or CDN caching behavior for responses.

What does setting revalidate: 10 in getStaticProps do?

A Regenerates the page every 10 minutes

B Regenerates the page every 10 seconds on the server when requested

C Prevents the page from regenerating

D Caches the page in the browser for 10 seconds

The revalidate value is in seconds and tells Next.js to regenerate the page in the background if a request comes after 10 seconds.

Which Next.js feature allows manual triggering of page regeneration?

A On-Demand Revalidation

B Static Generation

C Server-Side Rendering

D Client-Side Rendering

On-Demand Revalidation lets you call an API route to manually trigger regeneration of static pages.

What happens if you don't set revalidate in getStaticProps?

A The page is generated once at build time and never updated automatically

B The page regenerates on every request

C The page is regenerated every second

D The page is deleted after build

Without revalidate, Next.js generates the page only once during build and serves that static page forever.

Which header controls browser caching behavior independently of Next.js revalidation?

A revalidate

B content-type

C cache-control

D etag

cache-control headers tell browsers and CDNs how long to cache responses.

Incremental Static Regeneration improves performance by:

A Disabling caching completely

B Rendering pages on every request

C Forcing full rebuilds on every change

D Serving static pages quickly and updating them in the background

ISR serves static pages fast and regenerates them in the background to keep content fresh.

Describe how Next.js uses the revalidate property to keep static pages fresh.

Think about how Next.js updates pages after build without slowing down users.

Explain the difference between automatic revalidation and on-demand revalidation in Next.js.

One happens by itself after some time, the other happens when you tell it to.