What versions of React and Next.js does this skill support?

This skill covers React up to version 19.2 and Next.js through version 16, reflecting updates released through October 2025.

Does this skill help with form management?

It leverages React 19's useActionState and useFormStatus hooks to create robust, simplified form handling without manual state tracking.

Does it support the React Compiler?

Yes, it integrates the stable React Compiler logic into code generation, reducing the need for manual memoization like useMemo.

Are the new async route parameters included?

Yes, the skill ensures all params and searchParams are handled as Promises, adhering to the Next.js 16 breaking change.

How does it handle the Next.js 16 middleware changes?

The skill provides guidance and code patterns for migrating 'middleware.ts' to the new 'proxy.ts' convention required in Next.js 16.

Next.js 16 & React 19 Modern Web Development

Name: Next.js 16 & React 19 Modern Web Development
Author: jovermier

byjovermier

0•

API開発

Accelerates web development with up-to-date knowledge of React 19.2 and Next.js 16 features, bridging the gap between LLM training cutoffs and current standards.

This skill provides specialized guidance for the latest advancements in the React and Next.js ecosystem as of late 2025 and early 2026. It equips Claude with the technical nuance required to implement React 19.2 hooks, utilize the stable React Compiler, and navigate Next.js 16's breaking changes, such as the transition from middleware to proxy.ts and async route parameters. By using this skill, developers can ensure their AI-generated code follows the 'Server-First' mental model, leverages Turbopack by default, and employs modern patterns like Cache Components and Server Functions for peak performance and maintainability.

主な機能

01Configuration and optimization for Turbopack as the default development and build bundler.

02Implementation of React 19.2 hooks including useOptimistic, useActionState, and useFormStatus.

030 GitHub stars

04Next.js 16 migration support for middleware to proxy.ts and async route params.

05Optimized Server Component patterns with direct database access and zero-JS bundling.

06Automated React Compiler strategies to eliminate manual useMemo and useCallback boilerplate.

ユースケース

01Developing production-grade forms with simplified server-side mutations and built-in loading states.

02Upgrading legacy Next.js 14 or 15 applications to version 16 with automated codemod patterns.

03Building high-performance interfaces using the latest optimistic UI and streaming Suspense patterns.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jovermier/claude-code-plugins-ip-labs latest-nextjs

For use in Claude.ai and ChatGPT

Download Skill