Nextjs V16

Covers Next.js 16's environment variable system with the file precedence rules, NEXT_PUBLIC_ prefixing for client-side exposure, and deployment patterns for Vercel. You'll reach for this when setting up a new Next.js project or debugging why your API keys work locally but not in production. The source walks through the seven different .env file types and their load order, which is genuinely helpful since Next.js's precedence chain trips people up constantly. Includes validation scripts and a practical checklist for catching the classic mistake of putting secrets in NEXT_PUBLIC_ variables where they'll get baked into your browser bundle.

skills.sh installs: 380
GitHub stars: 79
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add bobmatnyc/claude-mpm-skills --skill nextjs-v16 --agent claude-code

Installs into .claude/skills of the current project.

Files

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: ... }.