Can this skill help debug cache HIT/MISS issues?

Yes, it includes guidance on checking cache status in response headers and configuring development logging to monitor fetch behavior.

What is the benefit of tag-based revalidation over path-based?

Tag-based revalidation allows for more granular control, enabling you to invalidate specific data types across multiple pages without purging entire route segments.

How does this skill help with Next.js 15 features?

It provides specific patterns for Next.js 15 experimental features including dynamicIO, custom cacheLife profiles, and the latest Partial Prerendering (PPR) configurations.

Does it support non-fetch data caching?

Absolutely. It provides implementation details for unstable_cache, which is essential for caching database queries and other non-fetch data sources.

Next.js Cache Patterns

Name: Next.js Cache Patterns
Author: Naw3

byNaw3

0•

API開発

Optimizes Next.js application performance by implementing advanced caching layers, Partial Prerendering (PPR), and granular revalidation strategies.

This skill equips Claude with specialized knowledge for mastering the Next.js App Router caching architecture. It provides implementation patterns for Request Memoization, Data Cache, Full Route Cache, and Router Cache. Developers can use this skill to correctly implement modern features like Next.js 15's cacheLife profiles, configure Partial Prerendering (PPR) for hybrid static-dynamic pages, and manage complex revalidation workflows using tags and paths. By following these patterns, users can significantly reduce server load and improve Core Web Vitals while avoiding common pitfalls like over-invalidation or accidental dynamic opt-outs.

主な機能

01Route segment configurations for controlling rendering modes and ISR intervals

020 GitHub stars

03Granular on-demand revalidation using revalidateTag and revalidatePath

04Next.js 15+ cacheLife profiles for custom stale-while-revalidate configurations

05Function-level caching for database queries using unstable_cache

06Partial Prerendering (PPR) setup for combining static shells with dynamic streaming

ユースケース

01Optimizing high-traffic e-commerce sites with a mix of static content and real-time inventory

02Reducing database costs by caching expensive server-side queries and API responses

03Implementing efficient dashboard rendering using streaming and dynamicIO

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add naw3/skillsrepo next-cache-patterns

For use in Claude.ai and ChatGPT

主な機能

01Route segment configurations for controlling rendering modes and ISR intervals

020 GitHub stars

03Granular on-demand revalidation using revalidateTag and revalidatePath

04Next.js 15+ cacheLife profiles for custom stale-while-revalidate configurations

05Function-level caching for database queries using unstable_cache

06Partial Prerendering (PPR) setup for combining static shells with dynamic streaming

ユースケース

01Optimizing high-traffic e-commerce sites with a mix of static content and real-time inventory

02Reducing database costs by caching expensive server-side queries and API responses

03Implementing efficient dashboard rendering using streaming and dynamicIO