This skill equips Claude with specialized knowledge of Nuxt 4's architectural patterns, ensuring production-ready code for SSR, hybrid rendering, and edge computing. It provides specific guidance on resolving common hydration mismatches, configuring complex route rules like ISR and SWR, and implementing efficient data fetching strategies with useFetch and useAsyncData. By applying these patterns, developers can build faster, SEO-friendly Vue applications while avoiding common pitfalls in the Nuxt lifecycle and Nitro server engine.
主な機能
01SSR-safe data fetching using useFetch and useAsyncData
02Route rules configuration for ISR, SWR, and Prerendering
03Hydration mismatch prevention and debugging strategies
04151 GitHub stars
05Performance optimization via lazy loading and lazy hydration
06Payload size reduction using data picking and shallow reactivity
ユースケース
01Debugging complex hydration errors between server-rendered HTML and client state
02Optimizing page load times through lazy hydration of below-the-fold components
03Building high-performance e-commerce sites with hybrid rendering strategies