Nuxt Production

This is your production playbook for Nuxt 4, covering the stuff that breaks when you ship: hydration mismatches, performance bottlenecks, and deployment configs. It walks through the v4 breaking changes (new app directory, shallow reactivity by default, server-first middleware), then digs into practical fixes for common hydration errors like Math.random() or window access on the server. The performance section covers lazy hydration strategies, route caching with SWR and ISR, and image optimization. Testing guidance uses Vitest with @nuxt/test-utils for component and composable testing. Deployment references target Cloudflare Pages, Workers, Vercel, and Netlify with actual config examples. Load this when you're debugging "Hydration node mismatch" errors, optimizing Core Web Vitals, or migrating from v3.

Install to Claude Code

npx -y skills add secondsky/claude-skills --skill nuxt-production --agent claude-code