Summary
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-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
