nextjs

Migrate Next.js 16 apps to App Router with explicit caching patterns.

Updated Oct 13, 2025
One-click install
npx skills add https://github.com/Devinga-com-br/bi-saas --skill nextjs-devinga-com-br
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs
Source: https://github.com/Devinga-com-br/bi-saas/tree/main/.agents/skills/nextjs
Command: npx skills add https://github.com/Devinga-com-br/bi-saas --skill nextjs-devinga-com-br

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps engineers migrate and optimize Next.js 16 apps by organizing patterns for App Router, Server Components/Actions, and explicit caching.

Core Features & Use Cases

  • App Router and Server Components/Actions integration with explicit caching via "use cache"
  • Proxy.ts migration guidance, parallel routes with required default.tsx, and route handlers updates
  • Templates, references, and best practices for Next.js 16 migration, debugging, and performance
  • Turbopack stability, React 19.2 integration, and modern web app patterns

Quick Start

Install Next.js 16 and migrate step by step: upgrade dependencies, run the codemod upgrade, rename middleware.ts to proxy.ts, add default.tsx for all parallel routes, and adopt new caching APIs like revalidateTag/updateTag/refresh.

Frequently Asked Questions about nextjs

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

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

To migrate to Next.js 16, upgrade dependencies, run the codemod upgrade, rename middleware.ts to proxy.ts, add default.tsx for parallel routes, and adopt new caching APIs like revalidateTag and updateTag.

How do I use async params in Next.js 16 App Router?

Next.js 16 enforces support for async params, requiring you to await them in Server Components and route handlers before accessing their values to ensure proper data fetching.

Why do I need a default.tsx file for parallel routes in Next.js 16?

A default.tsx file is required for parallel routes in Next.js 16 to explicitly define the fallback UI that renders when the route is not matched or during navigation.

What is the best way to handle explicit caching in Next.js 16 Server Components?

The best way to handle explicit caching in Next.js 16 is using the "use cache" directive alongside updated APIs like revalidateTag, updateTag, and refresh for granular control.

Does Next.js 16 support Turbopack and React 19.2 integration?

Yes, Next.js 16 supports Turbopack stability and React 19.2 integration, providing modern web app patterns and optimized build performance for App Router applications.

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

To rename middleware to proxy.ts in Next.js 16, simply change the filename from middleware.ts to proxy.ts and update your route interception logic to follow the new proxy migration guidance.