This skill provides Claude with expert-level guidance for building and debugging Nuxt 4 applications, focusing on architectural patterns that ensure high performance and reliability. It addresses common SSR challenges such as hydration mismatches, optimizes data fetching using specialized Nuxt composables like useFetch and useAsyncData, and configures Nitro-level route rules for advanced rendering strategies like SWR and ISR. This is an essential tool for developers aiming to build production-grade Vue applications with efficient state management and optimized payload delivery.
主な機能
01Nitro route rules configuration (Prerender, SWR, ISR)
02151 GitHub stars
03SSR-safe data fetching with useFetch and useAsyncData
04Payload size optimization and shallower reactivity patterns
05Lazy loading and lazy hydration strategy implementation
06Hydration mismatch prevention and debugging patterns
ユースケース
01Implementing efficient data fetching for SEO-critical pages
02Fixing 'Hydration text content mismatch' errors in SSR-rendered templates
03Configuring complex rendering strategies for diverse route groups