nextjs

Migrate and build Next.js 16 apps with App Router and caching strategies.

Updated Nov 15, 2025
One-click install
npx skills add https://github.com/geinala/entry --skill nextjs-geinala
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs
Source: https://github.com/geinala/entry/tree/main/.agents/skills/nextjs
Command: npx skills add https://github.com/geinala/entry --skill nextjs-geinala

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides structured guidance to migrate and build Next.js 16 apps using App Router, Server Components/Actions, and the Cache Components feature with the "use cache" directive. It also covers the migration of proxy.ts (from middleware.ts) and handling of parallel routes with required default.tsx, enabling production-grade patterns and troubleshooting for Next.js 16.

Core Features & Use Cases

  • Async route params handling across pages, layouts, and route handlers.
  • Cache Components with "use cache" for selective caching and partial prerendering.
  • Proxy.ts migration and parallel routes default.tsx requirements, plus React 19.2 integration.
  • Guidance on common Next.js 16 errors, security advisories, and Turbopack considerations.

Quick Start

Migrate an existing Next.js project to Next.js 16 by applying the codemod and addressing parallel routes 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 to Next.js 16 using the App Router and async route params?

To migrate to Next.js 16, apply the provided codemod to update your project structure, then implement async route params across your pages, layouts, and route handlers to align with the new App Router standards.

What is the "use cache" directive in Next.js 16 Cache Components?

The "use cache" directive enables Cache Components in Next.js 16, allowing selective caching and partial prerendering to optimize rendering performance without caching the entire page by default.

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

Migrating to proxy.ts in Next.js 16 involves replacing your existing middleware.ts file to handle routing and request interception, following the structured guidance and templates provided for the proxy migration process.

Do I need a default.tsx file when using parallel routes in Next.js 16?

Yes, default.tsx is a required file when implementing parallel routes in Next.js 16 to ensure components render correctly and prevent missing segment errors during route matching.

Does Next.js 16 integrate with React 19.2 and Turbopack?

Next.js 16 integrates with React 19.2 for updated component patterns and includes specific Turbopack considerations and troubleshooting guidance to ensure stable production builds.

What are common errors and security advisories when upgrading to Next.js 16?

Common Next.js 16 errors involve incorrect async params handling and cache misconfigurations; the guidance addresses these alongside security advisories to ensure safe, production-grade upgrades.