Next.js 14 SSG & ISR with AWS Amplify

Posts with ISR

Page generated: 2/24/2026, 1:35:53 AM

ISR Demonstration

Client time:

This component demonstrates the difference between static content (ISR) and client-side interactivity.

  • Server-rendered timestamp: 2/24/2026, 1:35:53 AM
  • Client-side counter: 0

The server timestamp is generated during static rendering and will only update when the page is revalidated (every 10 seconds). The counter is client-side state and updates immediately when you click the button.

This page demonstrates Incremental Static Regeneration (ISR) with a revalidation period of 10 seconds. The content will be statically generated at build time and then regenerated in the background when a request comes in after the revalidation period.

sunt aut facere repellat provident occaecati excepturi optio reprehenderit

quia et suscipit suscipit recusandae consequuntur expedita et cum reprehenderit molestiae ut ut quas totam nostrum rerum est autem sunt rem eveniet architecto

Read More

qui est esse

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

Read More

ea molestias quasi exercitationem repellat qui ipsa sit aut

et iusto sed quo iure voluptatem occaecati omnis eligendi aut ad voluptatem doloribus vel accusantium quis pariatur molestiae porro eius odio et labore et velit aut

Read More

eum et est occaecati

ullam et saepe reiciendis voluptatem adipisci sit amet autem assumenda provident rerum culpa quis hic commodi nesciunt rem tenetur doloremque ipsam iure quis sunt voluptatem rerum illo velit

Read More

nesciunt quas odio

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

Read More

dolorem eum magni eos aperiam quia

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

Read More

magnam facilis autem

dolore placeat quibusdam ea quo vitae magni quis enim qui quis quo nemo aut saepe quidem repellat excepturi ut quia sunt ut sequi eos ea sed quas

Read More

dolorem dolore est ipsam

dignissimos aperiam dolorem qui eum facilis quibusdam animi sint suscipit qui sint possimus cum quaerat magni maiores excepturi ipsam ut commodi dolor voluptatum modi aut vitae

Read More

nesciunt iure omnis dolorem tempora et accusantium

consectetur animi nesciunt iure dolore enim quia ad veniam autem ut quam aut nobis et est aut quod aut provident voluptas autem voluptas

Read More

optio molestias id quia eum

quo et expedita modi cum officia vel magni doloribus qui repudiandae vero nisi sit quos veniam quod sed accusamus veritatis error

Read More

et ea vero quia laudantium autem

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

Read More

in quibusdam tempore odit est dolorem

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

Read More

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.