EdgeOne Pages Next.js Starter - ISR
Static generation with timed updates, balancing performance and freshness.
Suitable for news or blog websites, the advantage is fast loading and incremental updates, avoiding full site rebuilds, but the first request after expiration may be slightly slower.
// app/isr/page.tsx
export const revalidate = 10 // page-level revalidation
export default async function ISRPage() {
// This fetch result will be cached for 10 seconds
const response = await fetch('https://api.example.com/posts/1', {
next: { revalidate: 10 }
})
const data = await response.json()
return (
<div>
<h2>ISR Demo</h2>
<p>Build Time: {new Date().toISOString()}</p>
<p>Cache Status: {data.cacheStatus}</p>
</div>
)
}⏱️ This page uses the ISR strategy!
ISR: Incremental Static Regeneration
This page demonstrates true ISR behavior: static generation + timed revalidation
Page Build Time:2025-09-09T19:33:17.724Z
Cache Status:cached for 10 seconds
ISR: Incremental Static Regeneration Feature Explanation
• Development Mode: Re-generates every time (for development debugging)
• Production Mode: True caching behavior, returns the same content within 10 seconds
• Background Update: Returns old version first, then re-generates in the background
• Zero Downtime: Users can always access the page during updates