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.

et ea vero quia laudantium autem

Page generated: 11:41:07 PM

delectus reiciendis molestiae occaecati non minima eveniet qui voluptatibus accusamus in eum beatae sit vel qui neque voluptates ut commodi qui incidunt ut animi commodi

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)

molestias et odio ut commodi omnis ex

Laurie@lincoln.us

perferendis omnis esse voluptate sit mollitia sed perferendis nemo nostrum qui vel quis nisi doloribus animi odio id quas

esse autem dolorum

Abigail.OConnell@june.org

et enim voluptatem totam laudantium impedit nam labore repellendus enim earum aut consectetur mollitia fugit qui repellat expedita sunt aut fugiat vel illo quos aspernatur ducimus

maiores alias necessitatibus aut non

Laverne_Price@scotty.info

a at tempore molestiae odit qui dolores molestias dolorem et laboriosam repudiandae placeat quisquam autem aperiam consectetur maiores laboriosam nostrum

culpa eius tempora sit consequatur neque iure deserunt

Kenton_Vandervort@friedrich.com

et ipsa rem ullam cum pariatur similique quia cum ipsam est sed aut inventore provident sequi commodi enim inventore assumenda aut aut tempora possimus soluta quia consequatur modi illo

quas pariatur quia a doloribus

Hayden_Olson@marianna.me

perferendis eaque labore laudantium ut molestiae soluta et vero odio non corrupti error pariatur consectetur et enim nam quia voluptatum non mollitia culpa facere voluptas suscipit veniam

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.