Does this skill support the Pages Router?

No, this skill is strictly focused on the App Router as it represents the modern, production-recommended architecture for Next.js 16.

What are the biggest breaking changes in Next.js 16 handled by this skill?

This skill specifically addresses async route parameters (params/searchParams), the deprecation of middleware.ts in favor of proxy.ts, and the requirement for default.js in parallel routes.

What version of Node.js is required for these patterns?

Next.js 16 requires Node.js 20.9 or higher. This skill ensures your project environment meets these updated requirements.

How does this skill handle caching in Next.js 16?

It implements the new 'use cache' directive for opt-in caching, replacing the implicit caching patterns of previous versions for better predictability.

Next.js 16 App Router Expert

Name: Next.js 16 App Router Expert
Author: jezweb

byjezweb

•

Developer Tools

Develops high-performance Next.js 16 applications utilizing the App Router, React 19.2 features, and optimized caching patterns.

This skill provides specialized guidance for building production-grade web applications with Next.js 16 and React 19.2. It excels at navigating the breaking changes introduced in the latest version, such as mandatory async route parameters and the transition from middleware.ts to proxy.ts. By implementing modern patterns like the 'use cache' directive and required parallel route defaults, this skill helps developers create faster, more reliable full-stack applications while leveraging the stability of Turbopack and the React Compiler.

Key Features

01Expert handling of Next.js 16 breaking changes and async params

02Implementation of 'use cache' directive for granular component-level caching

03Seamless migration support from deprecated middleware to proxy.ts

0491 GitHub stars

05Advanced integration of React 19.2 features like View Transitions and UseEffectEvent

06Configuration for Parallel and Intercepting Routes with required defaults

Use Cases

01Migrating legacy Next.js applications to version 16 and the App Router

02Building data-intensive dashboards with Partial Prerendering and optimized cache strategies

03Developing high-performance SEO-friendly web apps using Turbopack and React 19.2

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jezweb/claude-skills nextjs

For use in Claude.ai and ChatGPT

Download Skill