nextjs

Guide Next.js 16 development with App Router and React 19.2 integration.

Updated Mar 12, 2026
One-click install
npx skills add https://github.com/MuhamadAnang/wareflow-project --skill nextjs-muhamadanang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs
Source: https://github.com/MuhamadAnang/wareflow-project/tree/main/.agents/skills/nextjs
Command: npx skills add https://github.com/MuhamadAnang/wareflow-project --skill nextjs-muhamadanang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and templates (resource) components.

What problem does it solve?

This Skill helps developers navigate the complexities and breaking changes of Next.js 16, preventing common errors and ensuring efficient, modern application development.

Core Features & Use Cases

  • Next.js 16 Migration: Guides through breaking changes like async route parameters and middleware-to-proxy migration.
  • Caching Strategies: Implements "use cache" directive and updated caching APIs for optimal performance.
  • React 19.2 Integration: Leverages new React features for enhanced UI development.
  • Use Case: You're migrating a Next.js 15 app to 16 and encountering issues with async parameters or need to implement new caching patterns.

Quick Start

Use the nextjs skill to refactor the current page to use async route parameters correctly.

Frequently Asked Questions about nextjs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate middleware.ts to proxy.ts in Next.js 16?

To migrate middleware.ts to proxy.ts in Next.js 16, replace your middleware file with a proxy configuration. This Skill provides correction patterns for the breaking changes and ensures your request proxying logic functions correctly.

Why are my Next.js 16 async route parameters not working?

Your Next.js 16 async route parameters are not working because they now require asynchronous access. This Skill guides you through refactoring pages to correctly await route parameters, resolving common migration errors from Next.js 15.

How do I implement the use cache directive for Next.js 16 caching strategies?

To implement the use cache directive for Next.js 16 caching strategies, apply the directive within your server components. This Skill helps you leverage updated caching APIs to achieve optimal performance.

Do I need default.js files for parallel routes in Next.js 16?

Yes, you need default.js files for parallel routes in Next.js 16 to fulfill component rendering requirements. This Skill addresses these specific requirements to prevent rendering errors during your migration.

Does this guidance cover React 19.2 integration with Next.js server components?

Yes, this guidance covers React 19.2 integration with Next.js server components. It helps you leverage new React features within the App Router to build enhanced, error-free user interfaces.