Next.js ISR

CloudFront natively supports the stale-while-revalidate cache-control header. This completes the infrastructure requirements.

Setup

To prepare your application, you need to add a custom cache handler to Next.js. This will enable a shared cache across all your server instances.

We recommend using Redis as the cache provider. Flightcontrol has a ElastiCache Redis service type, so you can easily add Redis to your project.

See Vercel's documentation and guides to set this up:

• Configuring caching for production deployment (opens in a new tab)
• Custom cache handler reference documentation (opens in a new tab)
• Example cache handler with Redis (opens in a new tab)