ISR with Next.js App Router — revalidatePath and Segment Config

In this tutorial, you will learn about ISR with Next.js App Router. We cover key concepts, practical examples, and best practices to help you master this topic.

Next.js App Router introduces revalidatePath and revalidateTag for on-demand ISR. No API routes needed.

// app/page.js
export const revalidate = 3600; // ISR: revalidate every hour

// On-demand revalidation (server action or route handler)
import { revalidatePath } from 'next/cache';
revalidatePath('/products');