Optimize Next.js 16 App Router caching, rendering, and routing performance.
npx skills add https://github.com/yahav123147/paid-ads-cro-skills --skill nextjs-yahav123147
Please help me install this Agent Skill. Skill: nextjs Source: https://github.com/yahav123147/paid-ads-cro-skills/tree/main/skills/nextjs Command: npx skills add https://github.com/yahav123147/paid-ads-cro-skills --skill nextjs-yahav123147
Next.js 16 App Router codebases often suffer from slow builds, inefficient caching, and suboptimal rendering patterns that increase latency and hurt UX; this skill provides a structured set of best practices to prevent those issues.
Apply the nextjs skill to my Next.js 16 App Router code by reviewing caching, rendering, routing, and streaming choices and rewriting the relevant sections to follow the highest-impact rules in AGENTS.md.
High-intent search queries and answers about installing and using this skill.
Next.js 16 App Router caching is optimized by choosing correct fetch strategies like force-cache or no-store, applying the 'use cache' directive, and invalidating mutations using revalidatePath and revalidateTag.
Suspense streaming in Server Components is implemented by wrapping asynchronous fetches in Suspense boundaries to progressively stream HTML, improving perceived loading performance with resilient error handling and route loading states.
Yes, this skill guides Next.js 16 build and bundle optimization by enabling Turbopack caching and dynamic imports to improve dev startup and reduce bundle size by avoiding slow import patterns.
Handle dynamic SEO metadata in the Next.js App Router by generating route-level metadata using Next.js 16 specific APIs, ensuring it follows server-first rendering patterns and correct client boundaries.
Slow Next.js App Router builds are often caused by inefficient caching and slow import patterns. Fix them by applying Turbopack caching, dynamic imports, and correct server data colocation to reduce latency.
Use Server Actions for mutations in Next.js when you need to update server-side data and invalidate caches correctly, applying revalidatePath and revalidateTag after mutations to ensure fresh data.
jaredpalmerAnalyzes Next.js 16+ App Router projects for PPR, caching, and Suspense issues.
korallisDevelop Next.js 13+ applications using the App Router architecture.
bybren-llcStandardize Next.js App Router frontend patterns with Clerk, shadcn/Radix UI, and PostHog analytics.
rahlplxApply engineering rules to improve Astro site performance and Core Web Vitals.
