nextjs-v16

Included with Lifetime

$97 forever

Next.js 16 migration guide (async request APIs, "use cache", Turbopack)

toolchainnextjsnextjs-16

What this skill does


# 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`

Files: 5

Size: 21.3 KB

Complexity: 41/100

Category: toolchain

Source: https://github.com/bobmatnyc/claude-mpm-skills/tree/main/toolchains/nextjs/v16

Related in toolchain

nextjs-core

Included

Core Next.js patterns for App Router development including Server Components, Server Actions, route handlers, data fetching, and caching strategies

toolchain

vitest

Included

Vitest - Modern TypeScript testing framework with Vite-native performance, ESM support, and TypeScript-first design

toolchain

mcp-protocol-builder

Included

MCP (Model Context Protocol) - Build AI-native servers with tools, resources, and prompts. TypeScript/Python SDKs for Claude Desktop integration.

toolchain

golang-database-patterns

Included

Go database integration patterns using sqlx, pgx, and migration tools like golang-migrate

toolchain

sveltekit

Included

SvelteKit - Full-stack Svelte framework with file-based routing, SSR/SSG, form actions, and adapters for deployment

toolchain

vue

Included

Vue 3 - Progressive JavaScript framework with Composition API, reactivity system, single-file components, Vite integration, TypeScript support

toolchain

nextjs-core

Included

Core Next.js patterns for App Router development including Server Components, Server Actions, route handlers, data fetching, and caching strategies

toolchain

vitest

Included

Vitest - Modern TypeScript testing framework with Vite-native performance, ESM support, and TypeScript-first design

toolchain

mcp-protocol-builder

Included

MCP (Model Context Protocol) - Build AI-native servers with tools, resources, and prompts. TypeScript/Python SDKs for Claude Desktop integration.

toolchain

golang-database-patterns

Included

Go database integration patterns using sqlx, pgx, and migration tools like golang-migrate

toolchain

sveltekit

Included

SvelteKit - Full-stack Svelte framework with file-based routing, SSR/SSG, form actions, and adapters for deployment

toolchain

vue

Included

Vue 3 - Progressive JavaScript framework with Composition API, reactivity system, single-file components, Vite integration, TypeScript support

toolchain