How does it handle the Next.js 16 async params breaking change?

It provides standardized patterns to correctly await params, searchParams, cookies, and headers in both Server and Client Components using React.use().

Does it support the new Next.js 16 caching APIs?

Absolutely. It includes patterns for the 'use cache' directive and updated caching APIs like revalidateTag(), updateTag(), and refresh().

What is the difference between middleware.ts and proxy.ts in this skill?

This skill implements the Next.js 16 shift toward proxy.ts, which runs on the Node.js runtime for more explicit network boundary management compared to edge middleware.

Does this skill support the Next.js Pages Router?

No, this skill is specifically optimized for the modern App Router architecture, Server Components, and the latest React 19 patterns.

Can this skill help with Next.js 16 security vulnerabilities?

Yes, it includes guidance on addressing critical December 2025 security advisories (CVE-2025-66478) by ensuring proper version upgrades and implementation patterns.

Next.js 16 App Router & React 19

Name: Next.js 16 App Router & React 19
Author: evolv3ai

byevolv3ai

0•

API 开发

Builds and optimizes high-performance Next.js 16 applications using the App Router, React 19.2, and production-grade server patterns.

This skill equips Claude with specialized expertise to navigate the significant breaking changes introduced in Next.js 16, including the shift to asynchronous route parameters and the transition from traditional middleware to the new proxy.ts pattern. It provides production-ready implementations for 'use cache' directives, parallel routes, and Turbopack optimizations, while proactively preventing over 25 documented errors common in modern Next.js development. Whether migrating from version 15 or building fresh with React 19.2, this skill ensures type-safe, performant, and secure application architecture.

主要功能

01Ensures parallel route stability with mandatory default.js implementation logic

02Implements Next.js 16 breaking changes including async params, cookies, and headers

030 GitHub stars

04Configures the new proxy.ts pattern for explicit server-side network boundaries

05Provides automated error prevention for 25 documented Next.js 16 pitfalls

06Leverages the 'use cache' directive and React 19.2 Server Component patterns

使用场景

01Migrating existing Next.js 15 projects to the Next.js 16 App Router architecture

02Troubleshooting complex parallel routing, async navigation, and Turbopack build issues

03Building high-performance React 19 applications with advanced caching and server actions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add evolv3ai/claude-skills-archive nextjs

For use in Claude.ai and ChatGPT

Download Skill