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

Next.js 16 deprecates middleware.ts in favor of proxy.ts to provide a more explicit network boundary on the Node.js runtime; this skill helps automate that migration.

Does this skill cover deployment to Cloudflare?

While it focuses on Next.js 16 core patterns, it is designed to be used in conjunction with the cloudflare-nextjs skill for Cloudflare-specific deployments.

Does this skill support the Next.js Pages Router?

No, this skill is focused exclusively on the App Router patterns and Next.js 16 features. Pages Router is considered legacy and is not covered.

How does this skill handle the change to async params?

It provides implementation patterns and troubleshooting for awaiting 'params', 'searchParams', 'cookies()', and 'headers()', which are now asynchronous in Next.js 16.

Is this skill compatible with React 19.2?

Yes, it is fully optimized for React 19.2, including support for the React Compiler, View Transitions, and new hooks like useEffectEvent.

Next.js 16 Production Patterns

Name: Next.js 16 Production Patterns
Author: jezweb

byjezweb

•

117

•

API 开发

Streamlines development and migration for Next.js 16 applications using App Router, React 19.2, and modern caching directives.

This skill provides expert-level guidance for building and maintaining high-performance Next.js 16 applications. It specializes in handling the breaking changes introduced in version 16, such as asynchronous route parameters and the transition from middleware.ts to proxy.ts. Developers can leverage this skill to implement the new 'use cache' directive, configure mandatory parallel route fallbacks, and utilize React 19.2 features like View Transitions and the React Compiler. It is an essential tool for ensuring production-ready patterns, resolving CORS issues, and optimizing Turbopack-enabled workflows.

主要功能

01Implementation of the new 'use cache' directive and updated caching APIs

02Automatic validation for parallel route default.js requirements

03117 GitHub stars

04Migration guidance for Next.js 16 breaking changes and async route params

05Standardized patterns for proxy.ts migration from deprecated middleware

06React 19.2 integration including View Transitions and useEffectEvent

使用场景

01Debugging complex parallel and intercepted route layouts

02Optimizing server-side performance with granular cache components

03Migrating production App Router projects from Next.js 15 to version 16

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