skills.rest
BWCbewchan
BWCbewchanCOMMUNITY
Explore all skills by this author →
GitHub

nextjs

Guide Next.js 16 development with App Router and migration solutions.

5|2|Updated Dec 14, 2025
Search Tags:#caching#server actions#nextjs#server components#app router#turbopack#async parameters
One-click install
npx skills add https://github.com/BWCbewchan/tmsmindx --skill nextjs-bwcbewchan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs
Source: https://github.com/BWCbewchan/tmsmindx/tree/main/.agents/skills/nextjs
Command: npx skills add https://github.com/BWCbewchan/tmsmindx --skill nextjs-bwcbewchan

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive guidance and solutions for building robust Next.js 16 applications, addressing complex features, breaking changes, and common errors.

Core Features & Use Cases

  • Next.js 16 Migration: Detailed steps and codemods for upgrading from Next.js 15.
  • App Router Mastery: In-depth coverage of async route parameters, Cache Components ("use cache"), Server Actions, and Route Handlers.
  • Error Prevention: Solutions for 25+ common Next.js 16 errors, including parallel route issues and Turbopack incompatibilities.
  • Use Case: You're migrating a Next.js 15 project to version 16 and need to understand the breaking changes in async parameters and how to correctly implement parallel routes with default.js.

Quick Start

Use the nextjs skill to understand the breaking changes in Next.js 16 regarding async route parameters.

Frequently Asked Questions about nextjs

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

FAQPage Schema
How do I migrate a Next.js 15 project to Next.js 16 async route parameters?▼

Migrating to Next.js 16 async route parameters requires updating dynamic route handlers to await the params object. This Skill provides detailed codemods and steps to handle these breaking changes effectively.

How do I implement Cache Components using the use cache directive in Next.js?▼

Implementing Cache Components with the use cache directive in Next.js allows you to define specific caching behaviors. This Skill offers expert guidance on integrating this App Router feature for optimized data fetching.

Why am I getting parallel route errors with default.js after upgrading to Next.js 16?▼

Parallel route errors in Next.js 16 often occur when default.js files are missing or incorrectly configured for unmatched segments. This Skill details solutions for 25+ common errors, including parallel route issues.

Does Turbopack work with all Next.js App Router Server Actions?▼

Turbopack integration in Next.js 16 has specific limitations and incompatibilities with certain Server Actions. This Skill outlines Turbopack constraints to help you identify unsupported patterns.

What is the best way to define Route Handlers for async data fetching in Next.js 16?▼

Defining Route Handlers for async data fetching in Next.js 16 involves using the updated App Router APIs. This Skill provides solutions for correctly implementing handlers with async parameters.

Related Skills

Explore More Software Engineering Skills→
fellipeutakafellipeutaka
5

next-upgrade

Automates Next.js major-version upgrades using official migration guides and codemods.

Community
Advanced
Extremez-SuryaExtremez-Surya

turbopack

Configure and optimize the Turbopack bundler in Next.js 16 projects.

Community
Advanced
xmun74xmun74

fe-development

Provides frontend architecture and coding standards for TanStack Query-based projects.

Community
Intermediate
bobmatnycbobmatnyc
68

better-auth-integrations

Integrate Better Auth with TypeScript web frameworks and manage cookie flow.

Community
Intermediate