🏠 首页
基准测试
📊 所有基准测试 🦖 恐龙 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.