Does this skill support the latest TypeScript features in Next.js?

Yes, it includes support for stable Typed Routes, auto-generated PageProps, and the 'next typegen' command for standalone CI validation.

How does this skill handle Next.js 16 caching?

It provides patterns for the new opt-in caching model using the 'use cache' directive and Cache Components, which replaces implicit caching with an explicit, predictable model.

Will this help with migration from Next.js 15?

Absolutely. It covers all major breaking changes including enforced async APIs for params, headers, and cookies, as well as the transition from 'next lint' to direct ESLint usage.

Is the React Compiler covered in this patch?

Yes, the skill includes configuration instructions for the now-stable React Compiler and usage patterns for new React 19.2 APIs like ViewTransition and Activity.

What is the main difference between middleware.ts and proxy.ts?

In Next.js 16, proxy.ts replaces middleware.ts as the primary request interception method, running on the Node.js runtime by default for better performance and compatibility.

Next.js 16 Knowledge Patch

Name: Next.js 16 Knowledge Patch
Author: Nevaberry

byNevaberry

•

API 开发

Updates Claude with the latest Next.js 15.3 and 16.x features, including the new caching model, proxy.ts middleware replacement, and specialized navigation hooks.

This skill bridges the gap in AI knowledge for Next.js developments released after the training cutoff, specifically covering versions 15.3 through 16.1. It provides deep technical guidance on the transition from middleware.ts to proxy.ts, the opt-in "use cache" directive, and the stable React Compiler integration. By using this skill, developers ensure Claude generates code compliant with Next.js 16's breaking changes, such as mandatory async APIs and parallel route requirements, while leveraging new performance tools like Turbopack FS caching and Typed Routes.

主要功能

01Management of breaking changes in Next.js 16, including async params and headers.

02Support for stable Typed Routes and auto-generated TypeScript PageProps.

03Configuration and usage of the "use cache" directive and Cache Components.

04Implementation of proxy.ts for Node.js-based request interception.

05Guidance on new navigation hooks like onNavigate and useLinkStatus.

067 GitHub stars

使用场景

01Implementing fine-grained, opt-in caching strategies using the new Cache Components.

02Migrating an existing Next.js 14 or 15 application to version 16.

03Debugging middleware issues by transitioning to the modern proxy.ts architecture.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nevaberry/nevaberry-plugins nextjs-knowledge-patch

For use in Claude.ai and ChatGPT

Download Skill