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.

in quibusdam tempore odit est dolorem

Page generated: 11:41:07 PM

itaque id aut magnam praesentium quia et ea odit et ea voluptas et sapiente quia nihil amet occaecati quia id voluptatem incidunt ea est distinctio odio

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)

et dolorem corrupti sed molestias

Vince_Crist@heidi.biz

cum esse odio nihil reiciendis illum quaerat est facere quia occaecati sit totam fugiat in beatae ut occaecati unde vitae nihil quidem consequatur

qui quidem sed

Darron.Nikolaus@eulah.me

dolorem facere itaque fuga odit autem perferendis quisquam quis corrupti eius dicta repudiandae error esse itaque aut corrupti sint consequatur aliquid

sint minus reiciendis qui perspiciatis id

Ezra_Abshire@lyda.us

veritatis qui nihil quia reprehenderit non ullam ea iusto consectetur nam voluptas ut temporibus tempore provident error eos et nisi et voluptate

quis ducimus distinctio similique et illum minima ab libero

Jameson@tony.info

cumque molestiae officia aut fugiat nemo autem vero alias atque sed qui ratione quia repellat vel earum ea laudantium mollitia

expedita libero quos cum commodi ad

Americo@estrella.net

error eum quia voluptates alias repudiandae accusantium veritatis maiores assumenda quod impedit animi tempore veritatis animi et et officiis labore impedit blanditiis repudiandae

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.