nextjs

Apply Next.js 16 App Router caching, streaming, and routing patterns.

Updated Mar 26, 2026
One-click install
npx skills add https://github.com/moughamir/justwaitit-review --skill nextjs-moughamir
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs
Source: https://github.com/moughamir/justwaitit-review/tree/main/.agents/skills/nextjs
Command: npx skills add https://github.com/moughamir/justwaitit-review --skill nextjs-moughamir

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It solves performance regressions and inconsistent best practices in Next.js 16 App Router apps by providing a prioritized, rule-based checklist that helps you avoid common mistakes in caching, data fetching, routing, and client/server boundaries.

Core Features & Use Cases

  • Performance-first App Router guidance: Apply CRITICAL/HIGH recommendations to reduce bundle size, speed dev and cold starts, and improve streaming and perceived performance.
  • Explicit caching and invalidation patterns: Use fetch cache options, use cache, revalidatePath, and revalidateTag (with cacheLife profiles) to control freshness and prevent stale UIs after mutations.
  • Correct Server Components + routing architecture: Prefer server-side data fetching, parallel/intercepting routes, notFound() handling, and the Next.js 16 proxy.ts network boundary model.

Quick Start

Ask the AI to review your Next.js 16 App Router change by checking caching strategy, server-component data fetching, and route-level loading/streaming against the nextjs skill rules.

Frequently Asked Questions about nextjs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix stale UI after mutations in Next.js App Router?

Fix stale UI after mutations in Next.js App Router by applying cache invalidation patterns using revalidatePath and revalidateTag with cacheLife profiles to control data freshness and ensure UI consistency post-mutation.

What is the best way to configure caching and streaming in Next.js 16?

The best way to configure caching and streaming in Next.js 16 is using explicit fetch cache options, use cache directives, and segment config exports to optimize route-level loading and error boundaries for faster perceived performance.

How do I structure server components and parallel routes in Next.js?

Structure server components and parallel routes in Next.js by preferring server-side data fetching, implementing parallel and intercepting routes, and handling notFound states to maintain proper client and server composition boundaries.

Does this Next.js performance guidance work with the proxy.ts network boundary model?

Yes, this Next.js performance guidance fully supports the proxy.ts network boundary model in Next.js 16, ensuring correct server and client composition while optimizing routing and data fetching patterns across the application.

Why does my Next.js App Router route have slow cold starts and large bundles?

Slow cold starts and large bundles in Next.js App Router routes often stem from improper server and client composition boundaries, which you can resolve by applying rule-based performance checklists for data fetching and caching directives.