Avancé
Optimisation Nuxt 3 SSR
Maîtrise le Server-Side Rendering avec Nuxt 3 pour des performances SEO optimales.
📝 Prompt-Inhalt
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.