nextjs-v16

Name: nextjs-v16
Author: bobmatnyc/claude-mpm-skills

$npx mdskill add bobmatnyc/claude-mpm-skills/nextjs-v16

Migrate Next.js apps to v16 with async APIs and opt-in caching.

Guides migration from sync to async request APIs like params and cookies.
Depends on Next.js 16, Turbopack, and the "use cache" directive.
Detects anti-patterns like sync APIs and outdated middleware patterns.
Provides actionable migration steps and references to official docs.

SKILL.md

.github/skills/nextjs-v16View on GitHub ↗

---
name: nextjs-v16
description: Next.js 16 migration guide (async request APIs, "use cache", Turbopack)
user-invocable: false
disable-model-invocation: true
version: 1.1.0
category: toolchain
progressive_disclosure:
  entry_point:
    summary: "Next.js 16 migration: async request APIs + opt-in caching"
tags: [nextjs, nextjs-16]
---

# Next.js 16

- Async `params`/`cookies`/`headers`; opt-in caching via `"use cache"`; Turbopack default.

Anti-patterns:

- ❌ Sync request APIs; ✅ `await` `params`, `cookies()`, and `headers()`.
- ❌ Keep `middleware.ts`; ✅ use `proxy.ts` and `export function proxy`.
- ❌ `revalidateTag("posts")`; ✅ `revalidateTag("posts", "max")` or `{ expire: ... }`.

References: `references/migration-checklist.md`, `references/cache-components.md`, `references/turbopack.md`

More from bobmatnyc/claude-mpm-skills

Skill	Description
anthropic	Official Anthropic SDK for Claude AI with chat, streaming, function calling, and vision capabilities
api-design-patterns	Comprehensive API design patterns covering REST, GraphQL, gRPC, versioning, authentication, and modern API best practices
api-documentation	Best practices for documenting APIs and code interfaces, eliminating redundant documentation guidance per agent.
api-review	API security checklist for reviewing endpoints before deployment. Use when creating or modifying API routes to ensure proper authentication, authorization, and input validation.
asyncio	Python asyncio - Modern concurrent programming with async/await, event loops, tasks, coroutines, primitives, aiohttp, and FastAPI async patterns
axum	Axum (Rust) web framework patterns for production APIs: routers/extractors, state, middleware, error handling, tracing, graceful shutdown, and testing
bad-example-skill	ANTI-PATTERN - Example showing violations of self-containment (DO NOT COPY)
better-auth-authentication	Better Auth authentication flows for TypeScript apps. Use when enabling email/password auth, configuring social providers, or implementing sign-up, sign-in, and verification flows.
better-auth-core	Better Auth core setup for TypeScript apps. Use when configuring the Better Auth instance, wiring server handlers and client instances, working with sessions, or calling server-side auth APIs.
better-auth-integrations	Better Auth framework integrations for TypeScript. Use when wiring route handlers in Next.js, SvelteKit, Remix, Express, Hono, or other web frameworks.