Guide correct use of Next.js 15 cache layers and revalidation rules.
npx skills add https://github.com/ashwnn/agent-config --skill next-cache
Please help me install this Agent Skill. Skill: next-cache Source: https://github.com/ashwnn/agent-config/tree/main/skills/next-cache Command: npx skills add https://github.com/ashwnn/agent-config --skill next-cache
Next.js 15 caching presents four distinct layers and complex revalidation rules that often lead to stale data or over-fetching. This guide helps developers choose the right caching strategy to optimize data freshness and performance across applications.
Determine the caching requirements for a given page, then apply the Next.js 15 caching layers with appropriate revalidation settings to meet freshness and performance goals.
High-intent search queries and answers about installing and using this skill.
Next.js 15 caching consists of four layers: Request Memoization for per-render in-memory deduplication, Data Cache for persistent server-side storage, Full Route Cache for server-side HTML, and Router Cache for client-side browser navigation.
To revalidate stale data in Next.js 15, apply on-demand revalidation using tag-based or path-based invalidation via server actions, route exports, and specific fetch options to enforce correct cache behavior and update data freshness.
Use Next.js ISR for static content that updates periodically to balance latency and server load, and choose dynamic revalidation with tags or paths for frequently updated data like dashboards requiring immediate freshness.
Stale data during Next.js client navigation often occurs when the Router Cache serves outdated content, requiring proper configuration of route exports and revalidation settings to enforce correct cache behavior across server data fetches.
Yes, Next.js 15 caching strategies support data-heavy dashboards by applying proper revalidation patterns across data fetches and route rendering to balance data freshness, latency, and server load effectively.
IdkwhatImD0ingReview React and Next.js code for performance and correctness issues.
nccasiaHandle server-side form submissions and data mutations in Next.js App Router.
xabierlameiroGuides Next.js App Router development with component and data fetching best practices.
armanzeroeightAdvise on Next.js rendering strategies for SSR, SSG, ISR, and CSR.
