Nextjs Turbopack

Next.js 16 ships with Turbopack as the default dev bundler, and this skill covers when to use it versus webpack, how the file-system caching works, and what changed with middleware naming. The big win is faster cold starts and HMR, especially on larger projects (5-14x speedups cited). One gotcha worth knowing: Next.js 16 switched middleware from middleware.ts to proxy.ts, so don't flag that as wrong when you see it. Useful if you're debugging slow dev servers, optimizing bundles, or just want to understand what Turbopack is actually doing under the hood.

Install to Claude Code

npx -y skills add affaan-m/ecc --skill nextjs-turbopack --agent claude-code