Skillget

nextjs-cache-architecture

agent
Security Audit
Warn
Health Warn
  • License — License: MIT
  • Description — Repository has a description
  • Active repo — Last push 0 days ago
  • Low visibility — Only 6 GitHub stars
Code Warn
  • Code scan incomplete — No supported source files were scanned during light audit
Permissions Pass
  • Permissions — No dangerous permissions requested

No AI report is available for this listing yet.

SUMMARY

Next.js 16+ caching architecture. Applies to any App Router project regardless of domain.

README.md

nextjs-cache-architecture

Agent skill for Next.js 16+ caching architecture using the "use cache" directive.

Covers the full mental model from tag registry design to mutation wiring —
not just syntax, but how to structure caching as architecture from day one.

What this skill teaches

  • When and where to place "use cache"
  • Building a centralized tag registry in lib/cache/tags.ts
  • Centralizing all updateTag() calls in lib/cache/revalidate.ts
  • The five rendering layers: static, cached, entity, personalized, invalidation
  • Handling personalized content without breaking cache boundaries
  • Wiring mutations to invalidation utilities correctly
  • SuspenseOnSearchParams for filtered pages
  • Debugging stale or incorrectly fresh data

Installation

npx skills add mohamed-hossam1/nextjs-cache-architecture

Usage

Invoke via slash command in your agent:

/nextjs-cache-architecture

Or describe what you want to cache and the skill applies the architecture
patterns to your actual codebase — replacing all placeholders with your
real entity and collection names.

Requirements

  • Next.js 16+
  • cacheComponents: true in next.config.ts
  • App Router

Author

Mohamed Hossam

Reviews (0)

No results found