Apply Next.js 16 App Router best practices and caching strategies to frontend code.
npx skills add https://github.com/toobutta/maptelli --skill next-patterns-toobutta
Please help me install this Agent Skill. Skill: next-patterns Source: https://github.com/toobutta/maptelli/tree/main/.claude/skills/next-patterns Command: npx skills add https://github.com/toobutta/maptelli --skill next-patterns-toobutta
This Skill helps frontend teams implement Next.js 16 App Router best practices and caching patterns to prevent data and performance issues during development and production.
Review the App Router patterns in this Skill and apply the recommended practices to your Next.js frontend pages.
High-intent search queries and answers about installing and using this skill.
To configure per-route caching in Next.js 16 App Router, use cache APIs like cacheLife and cacheTag within your route segments. This Skill guides applying these directives and per-route caching configurations to optimize data fetching and revalidation workflows.
The 'use cache' directive works with React Server Components by defining caching boundaries at the component level. It integrates with cache tagging and revalidation workflows to manage how fetched data is stored and refreshed across server and edge runtimes.
The best way to structure RSC boundaries is by strictly enforcing 'use client' and 'use server' directives. This Skill guides defining scope across app routes and establishing correct server/client component boundaries for optimal data-fetching strategies.
You should choose between edge and Node runtimes based on your data fetching and caching needs. This Skill provides runtime selection guidance for server and edge environments to ensure correct route handler execution and web performance optimization.
Migrating to the Next.js App Router involves adopting async patterns and new cache APIs like cacheLife. This Skill provides migration guidance from older Next.js patterns to the new App Router approach, covering route handlers and generateMetadata implementation.
Yes, Next.js App Router supports generateMetadata for dynamic route segments. This Skill enforces correct usage of generateMetadata alongside route handlers and caching configurations to ensure proper metadata generation across your app routes.
thongdn-itApply Next.js 16 App Router optimization guidelines for caching, server components, and routing.
ricableDeploy Next.js applications to Vercel with build and runtime configuration.
bybren-llcStandardize Next.js App Router frontend patterns with Clerk, shadcn/Radix UI, and PostHog analytics.
Kinfe123Implement efficient data-fetching strategies for SSR, SSG, ISR, and client-side rendering.
