Next.js 14 SSG & ISR with AWS Amplify

ISR Time Visualization

Server-rendered time:
11:41:06 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.

nesciunt quas odio

Page generated: 11:41:06 PM

repudiandae veniam quaerat sunt sed alias aut fugiat sit autem sed est voluptatem omnis possimus esse voluptatibus quis est aut tenetur dolor neque

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)

aliquid rerum mollitia qui a consectetur eum sed

Noemie@marques.me

deleniti aut sed molestias explicabo commodi odio ratione nesciunt voluptate doloremque est nam autem error delectus

porro repellendus aut tempore quis hic

Khalil@emile.co.uk

qui ipsa animi nostrum praesentium voluptatibus odit qui non impedit cum qui nostrum aliquid fuga explicabo voluptatem fugit earum voluptas exercitationem temporibus dignissimos distinctio esse inventore reprehenderit quidem ut incidunt nihil necessitatibus rerum

quis tempora quidem nihil iste

Sophia@arianna.co.uk

voluptates provident repellendus iusto perspiciatis ex fugiat ut ut dolor nam aliquid et expedita voluptate sunt vitae illo rerum in quos vel eligendi enim quae fugiat est

in tempore eos beatae est

Jeffery@juwan.us

repudiandae repellat quia sequi est dolore explicabo nihil et et sit et et praesentium iste atque asperiores tenetur

autem ab ea sit alias hic provident sit

Isaias_Kuhic@jarrett.net

sunt aut quae laboriosam sit ut impedit adipisci harum laborum totam deleniti voluptas odit rem ea non iure distinctio ut velit doloribus et non ex

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.