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.

qui est esse

Page generated: 11:41:06 PM

est rerum tempore vitae sequi sint nihil reprehenderit dolor beatae ea dolores neque fugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis qui aperiam non debitis possimus qui neque nisi nulla

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 fugit eligendi deleniti quidem qui sint nihil autem

Presley.Mueller@myrl.com

doloribus at sed quis culpa deserunt consectetur qui praesentium accusamus fugiat dicta voluptatem rerum ut voluptate autem voluptatem repellendus aspernatur dolorem in

repellat consequatur praesentium vel minus molestias voluptatum

Dallas@ole.me

maiores sed dolores similique labore et inventore et quasi temporibus esse sunt id et eos voluptatem aliquam aliquid ratione corporis molestiae mollitia quia et magnam dolor

et omnis dolorem

Mallory_Kunze@marie.org

ut voluptatem corrupti velit ad voluptatem maiores et nisi velit vero accusamus maiores voluptates quia aliquid ullam eaque

provident id voluptas

Meghan_Littel@rene.us

sapiente assumenda molestiae atque adipisci laborum distinctio aperiam et ab ut omnis et occaecati aspernatur odit sit rem expedita quas enim ipsam minus

eaque et deleniti atque tenetur ut quo ut

Carmen_Keeling@caroline.name

voluptate iusto quis nobis reprehenderit ipsum amet nulla quia quas dolores velit et non aut quia necessitatibus nostrum quaerat nulla et accusamus nisi facilis

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.