🏠 Home
Benchmark Hub
📊 All Benchmarks 🦖 Dinosaur v1 🦖 Dinosaur v2 ✅ To-Do List Applications 🎨 Creative Free Pages 🎯 FSACB - Ultimate Showcase 🌍 Translation Benchmark
Models
🏆 Top 10 Models 🆓 Free Models 📋 All Models ⚙️ Kilo Code
Resources
💬 Prompts Library 📖 AI Glossary 🔗 Useful Links
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.