---
description: Serve static pages with auto-updates
---
1. **Enable ISR**:
2. **On-Demand Revalidation**:
3. **Pro Tips**:
- Use tags for bulk revalidation.
- Perfect for blogs and e-commerce.
description: Serve static pages with auto-updates
---
1. **Enable ISR**:
export const revalidate = 60; // seconds
export default async function Page() {
const data = await fetchData();
return <div>{data}</div>;
}2. **On-Demand Revalidation**:
import { revalidatePath } from 'next/cache';
export async function POST(request: Request) {
const { path } = await request.json();
revalidatePath(path);
return Response.json({ revalidated: true });
}3. **Pro Tips**:
- Use tags for bulk revalidation.
- Perfect for blogs and e-commerce.
By Antigravity Team
How to Use This Workflow
Option A: Project-Specific (Recommended)
- Click "Download" above
- In your project, create the directory:
.agent/workflows/ - Save the file as
setup-incremental-static-regeneration-isr-nextjs.md - In Antigravity, type
/setup_incremental_static_regeneration_isr_nextjsor just describe what you want to do
Related Workflows
Setup Redis Caching
BackendCachingPerformance+1
--- description: Implement Redis caching (Upstash or self-hosted) --- 1. **Option A: Upstash Redis (Serverless Recommended)**: - Best for Vercel/Edge environments. // turbo - Run `npm install @upstash/redis` ```ts import { Redis } from '@upstash/redis'; const redis = new Redis...
Optimize Images for Web
PerformanceImagesOptimization+1
--- description: Compress and serve images in modern formats for faster loading --- 1. **Use Next.js Image Component**: - Automatic optimization and lazy loading. ```tsx import Image from 'next/image'; <Image src="/hero.jpg" alt="Hero" width={1200} height={600} ...
Implement Request Deduplication
PerformanceAPIReact+1
--- description: Prevent duplicate API calls in React components --- 1. **Next.js 15 Fetch Caching**: - **Change:** `fetch` requests are no longer cached by default in `GET` handlers or Server Components unless configured. - **Fix:** Explicitly set `cache: 'force-cache'` if you want caching. ...
Recommended Rules
View more rules →Next.js Performance Optimization
Next.jsPerformanceOptimization
You are an expert in Next.js performance optimization. Key Principles: - Optimize images and fonts - Minimize client-side JavaScript - Use proper cac...
⚡ Performance Optimization Agent - Speed Expert
Agentic AIPerformanceOptimization
You are an expert performance optimization agent specialized in identifying and fixing performance bottlenecks. Apply systematic reasoning to measure,...
Redis & Caching Strategies
RedisCachingNoSQL
You are an expert in Redis and application caching strategies. Key Principles: - Cache for read-heavy workloads - Handle cache invalidation correctly...
