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.

主要功能

Implementation of the new 'use cache' directive and updated caching APIs
Automatic validation for parallel route default.js requirements
117 GitHub stars
Migration guidance for Next.js 16 breaking changes and async route params
Standardized patterns for proxy.ts migration from deprecated middleware
React 19.2 integration including View Transitions and useEffectEvent

使用场景

Debugging complex parallel and intercepted route layouts
Optimizing server-side performance with granular cache components
Migrating production App Router projects from Next.js 15 to version 16

关于

主要功能

Implementation of the new 'use cache' directive and updated caching APIs
Automatic validation for parallel route default.js requirements
117 GitHub stars
Migration guidance for Next.js 16 breaking changes and async route params
Standardized patterns for proxy.ts migration from deprecated middleware
React 19.2 integration including View Transitions and useEffectEvent

使用场景

Debugging complex parallel and intercepted route layouts
Optimizing server-side performance with granular cache components
Migrating production App Router projects from Next.js 15 to version 16