Next.js 14 SSG & ISR with AWS Amplify

ISR Time Visualization

Server-rendered time:
11:41:07 PM
(Only changes when page is revalidated)
Client-side time:
Current time:
(Updates every second)

Page Visit History:

How to test ISR: Refresh this page multiple times within 10 seconds - the server time will stay the same. Wait more than 10 seconds and refresh - you'll see the server time update, showing that revalidation occurred.

optio molestias id quia eum

Page generated: 11:41:07 PM

quo et expedita modi cum officia vel magni doloribus qui repudiandae vero nisi sit quos veniam quod sed accusamus veritatis error

This page uses Incremental Static Regeneration (ISR) with a revalidation period of 10 seconds. The page was statically generated at build time and will be regenerated in the background when a request comes in after the revalidation period.

Comments (5)

dignissimos et deleniti voluptate et quod

Jeremy.Harann@waino.me

exercitationem et id quae cum omnis voluptatibus accusantium et quidem ut ipsam sint doloremque illo ex atque necessitatibus sed

rerum commodi est non dolor nesciunt ut

Pearlie.Kling@sandy.com

occaecati laudantium ratione non cumque earum quod non enim soluta nisi velit similique voluptatibus esse laudantium consequatur voluptatem rem eaque voluptatem aut ut et sit quam

consequatur animi dolorem saepe repellendus ut quo aut tenetur

Manuela_Stehr@chelsie.tv

illum et alias quidem magni voluptatum ab soluta ea qui saepe corrupti hic et cum repellat esse est sint vel veritatis officia consequuntur cum

rerum placeat quae minus iusto eligendi

Camryn.Weimann@doris.io

id est iure occaecati quam similique enim ab repudiandae non illum expedita quam excepturi soluta qui placeat perspiciatis optio maiores non doloremque aut iusto sapiente

dolorum soluta quidem ex quae occaecati dicta aut doloribus

Kiana_Predovic@yasmin.io

eum accusamus aut delectus architecto blanditiis quia sunt rerum harum sit quos quia aspernatur vel corrupti inventore animi dicta vel corporis

Important Note

To see true static behavior in Next.js, you need to build and run the production server:

npm run buildnpm run start

In development mode (npm run dev), Next.js doesn't fully simulate static generation, which is why timestamps may update on refresh.