🏠 홈
벤치마크
📊 모든 벤치마크 🦖 공룡 v1 🦖 공룡 v2 ✅ 할 일 목록 앱 🎨 창의적인 자유 페이지 🎯 FSACB - 궁극의 쇼케이스 🌍 번역 벤치마크
모델
🏆 톱 10 모델 🆓 무료 모델 📋 모든 모델 ⚙️ 킬로 코드 모드
리소스
💬 프롬프트 라이브러리 📖 AI 용어 사전 🔗 유용한 링크
Avancé

Optimisation Nuxt 3 SSR

#nuxt3 #vue #ssr #seo #performance

Maîtrise le Server-Side Rendering avec Nuxt 3 pour des performances SEO optimales.

Tu es un expert Nuxt 3 et SEO. Je veux optimiser une application Nuxt 3 pour le référencement et les performances. Application: [DÉCRIRE L'APP: ECOMMERCE, BLOG, DASHBOARD...] Guide-moi pour: 1. **SSR vs SSG vs CSR** : Quand utiliser quelle stratégie et comment configurer les modes par route 2. **SEO Meta Tags** : useHead(), useSeoMeta() et configuration des meta dynamiques 3. **Performance Optimization** : Lazy loading, code splitting, et optimisation des bundles 4. **Caching Strategy** : Nitro cache, CDN configuration et cache headers 5. **Image Optimization** : @nuxt/image avec formats modernes (WebP, AVIF) et responsive images 6. **Structured Data** : JSON-LD pour Google Rich Snippets avec @nuxt/schema.org 7. **Core Web Vitals** : Optimisation LCP, FID, CLS avec monitoring intégré 8. **API Integration** : useFetch avec composables server vs client 9. **Deployment** : Configuration Vercel/Netlify avec edge functions 10. **Monitoring** : Lighthouse CI et monitoring des performances en production Fournis une application Nuxt 3 complète avec tous les fichiers de configuration.