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.

dolorem eum magni eos aperiam quia

Page generated: 11:41:06 PM

ut aspernatur corporis harum nihil quis provident sequi mollitia nobis aliquid molestiae perspiciatis et ea nemo ab reprehenderit accusantium quas voluptate dolores velit et doloremque molestiae

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)

in deleniti sunt provident soluta ratione veniam quam praesentium

Russel.Parker@kameron.io

incidunt sapiente eaque dolor eos ad est molestias quas sit et nihil exercitationem at cumque ullam nihil magnam et

doloribus quibusdam molestiae amet illum

Francesco.Gleason@nella.us

nisi vel quas ut laborum ratione rerum magni eum unde et voluptatem saepe voluptas corporis modi amet ipsam eos saepe porro

quo voluptates voluptas nisi veritatis dignissimos dolores ut officiis

Ronny@rosina.org

voluptatem repellendus quo alias at laudantium mollitia quidem esse temporibus consequuntur vitae rerum illum id corporis sit id

eum distinctio amet dolor

Jennings_Pouros@erica.biz

tempora voluptatem est magnam distinctio autem est dolorem et ipsa molestiae odit rerum itaque corporis nihil nam eaque rerum error

quasi nulla ducimus facilis non voluptas aut

Lurline@marvin.biz

consequuntur quia voluptate assumenda et autem voluptatem reiciendis ipsum animi est provident earum aperiam sapiente ad vitae iste accusantium aperiam eius qui dolore voluptatem et

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.