Next.js 14 SSG & ISR with AWS Amplify

Next.js 14 SSG & ISR Demo with AWS Amplify

This demo showcases both Static Site Generation (SSG) and Incremental Static Regeneration (ISR) in Next.js 14, deployed on AWS Amplify.

Static Site Generation (SSG)

Pages are generated at build time and remain static until the next build. Perfect for content that rarely changes.

View SSG Example

Incremental Static Regeneration (ISR)

Pages are statically generated but can be updated after a specified time period without rebuilding the entire site.

View ISR Example

Hybrid Approach (SSG + ISR)

Combine both approaches on a single page - some content remains static while other parts update incrementally.

View Hybrid Example

AWS Amplify Deployment

This application is configured for easy deployment on AWS Amplify, which provides a Git-based workflow for continuous deployment and hosting.

AWS Amplify fully supports Next.js applications with SSG and ISR, automatically configuring the necessary infrastructure for optimal performance.

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.