Développement Nuxt.js
Maîtrisez Nuxt.js pour créer des applications Vue.js performantes avec SSR et SSG
Niveau
intermediate
Durée estimée
Nombre de phases
3
📋Prérequis
- •Vue.js
- •JavaScript ES6+
- •HTML/CSS
- •Node.js basics
Les phases du parcours
1
Phase 1 : Fondamentaux Nuxt
Apprendre la structure Nuxt, le routing et les pages
Nuxt basics
📚Sujets principaux :
- •Installation Nuxt
- •Project structure
- •File-based routing
- •Pages directory
- •Layouts
- •Components
- •Auto-imports
💡Exemples pratiques que vous réaliserez :
- ✓Basic app
- ✓Routing
- ✓Layouts
Rendering modes
📚Sujets principaux :
- •Universal rendering (SSR)
- •Static site generation
- •Client-side only
- •Hybrid rendering
- •useAsyncData
- •useFetch
- •useState
💡Exemples pratiques que vous réaliserez :
- ✓SSR pages
- ✓Static pages
- ✓Hybrid app
Data fetching
📚Sujets principaux :
- •useFetch composable
- •useAsyncData
- •Data caching
- •$fetch utility
- •Server routes
- •API calls
- •Error handling
💡Exemples pratiques que vous réaliserez :
- ✓API integration
- ✓Data fetching
- ✓Error handling
2
Phase 2 : Server et API
Construire des APIs et utiliser le server engine
Nuxt server
📚Sujets principaux :
- •Server directory
- •API routes
- •Server middleware
- •Server utilities
- •Nitro engine
- •Route handlers
- •Request/Response
💡Exemples pratiques que vous réaliserez :
- ✓API endpoints
- ✓Server logic
- ✓Middleware
State management
📚Sujets principaux :
- •useState composable
- •Pinia integration
- •Global state
- •Shared state
- •State persistence
- •Vuex migration
- •Composables
💡Exemples pratiques que vous réaliserez :
- ✓State management
- ✓Pinia stores
- ✓Global state
Modules et plugins
📚Sujets principaux :
- •Nuxt modules
- •Plugin system
- •Module development
- •Third-party modules
- •Content module
- •Image module
- •UI modules
💡Exemples pratiques que vous réaliserez :
- ✓Custom modules
- ✓Plugin integration
- ✓Module ecosystem
3
Phase 3 : Production et SEO
Optimiser, SEO et déployer des applications Nuxt
SEO et meta tags
📚Sujets principaux :
- •useHead composable
- •useSeoMeta
- •Meta tags
- •Open Graph
- •Twitter cards
- •Sitemap
- •Robots.txt
💡Exemples pratiques que vous réaliserez :
- ✓SEO optimization
- ✓Social sharing
- ✓Sitemap generation
Performance
📚Sujets principaux :
- •Code splitting
- •Lazy loading
- •Image optimization
- •Font optimization
- •Bundle analysis
- •Caching
- •Performance monitoring
💡Exemples pratiques que vous réaliserez :
- ✓Optimized build
- ✓Performance tuning
- ✓Lazy components
Deployment
📚Sujets principaux :
- •Static hosting
- •Node.js deployment
- •Vercel/Netlify
- •Docker deployment
- •Environment variables
- •CI/CD
- •Monitoring
💡Exemples pratiques que vous réaliserez :
- ✓Production deployment
- ✓CI/CD pipeline
- ✓Hosting setup
Prêt à démarrer votre parcours ?
Rejoignez des milliers d'apprenants et bénéficiez d'un accompagnement par des experts
Conseils pour réussir
💪
Pratique régulière
Réalisez des projets concrets pour appliquer ce que vous apprenez
👥
Rejoignez une communauté
Échangez avec d'autres apprenants et partagez votre progression
📝
Prenez des notes
Gardez une trace de vos apprentissages pour y revenir facilement
🎯
Fixez des objectifs
Divisez le parcours en petits objectifs et célébrez vos progrès