nextjs

Migrate Next.js 15 projects to Next.js 16 App Router patterns.

961|99|Updated Oct 20, 2025
One-click install
npx skills add https://github.com/jezweb/claude-skills --skill nextjs-jezweb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs
Source: https://github.com/jezweb/claude-skills/tree/main/skills/nextjs
Command: npx skills add https://github.com/jezweb/claude-skills --skill nextjs-jezweb

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill eliminates the confusion and errors when migrating to Next.js 16, providing instant access to production-ready patterns that prevent 18+ common mistakes.

Core Features & Use Cases

  • Breaking Change Prevention: Automatically handles async params, proxy.ts migration, and required default.js files.
  • Cache Components Mastery: Implements Next.js 16's new "use cache" directive and updated caching APIs.
  • Use Case: Imagine you're upgrading from Next.js 15 to 16. Use this Skill to automatically migrate middleware.ts to proxy.ts, add await to async functions, and implement granular caching control.

Quick Start

Use the nextjs skill to help migrate my Next.js 15 app to version 16, focusing on async route parameters and proxy migration.

Frequently Asked Questions about nextjs

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

FAQPage Schema
How do I migrate my Next.js app from version 15 to 16?

Next.js 16 migration requires updating async route parameters to use await, converting middleware.ts to proxy.ts, and adding explicit default.js files in parallel routes. This Skill automates these breaking changes and prevents common mistakes during the upgrade process.

What is the proxy.ts migration and why is it required in Next.js 16?

The proxy.ts migration replaces the older middleware.ts pattern in Next.js 16. This Skill handles the conversion automatically, including updating route handlers and ensuring compatibility across Vercel, Cloudflare Workers, AWS, and self-hosted deployments.

How do I implement async route parameters in Next.js 16?

Async route parameters in Next.js 16 require await syntax for params, searchParams, cookies(), and headers() functions. This Skill provides production-ready patterns and templates to apply these changes across your routes consistently.

What are Next.js 16 cache components and how do I use them?

Next.js 16 introduces the 'use cache' directive and updated caching APIs like revalidateTag, updateTag, and refresh for granular cache control. This Skill implements these patterns and shows how to configure caching for server components and actions.

Can I use this for projects deployed on Cloudflare Workers or AWS?

Yes. This Skill supports Next.js 16 App Router patterns across Vercel, Cloudflare Workers, AWS, and self-hosted deployments, with specific guidance for proxy.ts configuration and metadata/SEO patterns on each platform.

What TypeScript configurations do I need for Next.js 16?

Next.js 16 requires updated TypeScript configurations for async route parameters and server components. This Skill provides the necessary setup and validates your configuration to prevent type errors during migration.