Nuxt4 Patterns

This one's for when you're fighting hydration mismatches or trying to squeeze performance out of a Nuxt 4 app. It covers the sharp edges: keeping server and client renders identical, picking the right data fetcher (useFetch vs useAsyncData vs $fetch), setting route rules for prerender/SWR/ISR per page group, and lazy loading components that don't need to block paint. The hydration guidance is especially practical, like avoiding Date.now() in SSR templates and not using route.fullPath for server-rendered markup. If you're doing anything beyond a basic SSR setup or you've seen "Hydration mismatch" errors, you'll want this loaded.

Install to Claude Code

npx -y skills add affaan-m/everything-claude-code --skill nuxt4-patterns --agent claude-code