nextjs-16-complete-guide

SKILL.md

Purpose Comprehensive reference for Next.js 16's revolutionary features: Cache Components with "use cache", stable Turbopack as default bundler, proxy.ts architecture, DevTools MCP integration, and React Compiler support.

The Big Picture Next.js 15 was transition phase - async APIs, experimental Turbopack, changing cache defaults. Next.js 16 is the payoff - everything becomes stable, fast, and production-ready.

| Bundler | Webpack (default), Turbopack (opt-in beta) | Turbopack (default, stable) | | Caching | Implicit, confusing defaults | Explicit with "use cache" | | Network Layer | middleware.ts (edge runtime) | proxy.ts (Node.js runtime) | | DevTools | Basic error messages | MCP integration for AI debugging |

Complete guide to Next.js 16 features, breaking changes, and migration from v15. Use when building new Next.js projects or upgrading existing ones to leverage Turbopack, Cache Components, and latest performance optimizations. Source: fernandofuc/nextjs-claude-setup.

View raw