This skill provides specialized guidance for building robust Nuxt 4 applications, focusing on resolving common SSR challenges like hydration mismatches and inefficient data fetching. It equips Claude with the knowledge to implement route-level rendering rules (SWR, ISR, Prerender), manage lazy loading for optimal performance, and ensure type-safe, server-safe API interactions using Nuxt’s built-in composables like useFetch and useAsyncData. Perfect for developers looking to scale Nuxt applications while maintaining high performance and SEO compatibility.
主要功能
01SSR-safe data fetching with useFetch and useAsyncData
02Lazy loading and visibility-based hydration strategies
03Route-level rendering configuration (SWR, ISR, Prerender)
04151 GitHub stars
05Hydration mismatch prevention and debugging patterns
06Nitro-level cache and redirect optimization
使用场景
01Optimizing Web Vitals through lazy hydration and payload trimming
02Resolving complex hydration node mismatch errors in dynamic components
03Architecting hybrid rendering strategies for multi-purpose web platforms