Cette formation couvre tous les aspects essentiels de NuxtJS v3, de la prise en main à la mise en production, en passant par l’optimisation, la sécurité et le déploiement.
Modules
Introduction à NuxtJS v3 et environnement de développement Présenter les spécificités de NuxtJS v3, installer et configurer l’environnement (Node.js, npm/yarn, nuxi) pour lancer un premier projet, afin de poser des bases solides pour la suite.
Fondamentaux de Vue.js 3 appliqués à NuxtJS Comprendre la Composition API, la réactivité et les composables, et voir comment NuxtJS v3 les intègre pour structurer le code de façon modulaire et maintenable.
Structure du projet, pages et routage Explorer l’arborescence par défaut d’un projet NuxtJS, créer des pages, gérer le routage dynamique et comprendre le fonctionnement des layouts pour séparer structure et contenu.
Gestion des données et communication avec une API Maîtriser les méthodes asyncData, fetch et useAsyncData pour récupérer et afficher des données côté serveur ou client, et mettre en place des routes API internes (server routes).
Composants, réutilisabilité et UI Apprendre à créer et organiser des composants Vue, utiliser des bibliothèques UI compatibles (ex. Vuetify, Tailwind CSS), et appliquer des bonnes pratiques pour un code propre et réutilisable.
Authentification, autorisation et sécurité Mettre en place un système d’authentification (JWT, OAuth), protéger les pages avec des middlewares, et appliquer les principes de sécurité essentiels pour un site professionnel.
Optimisation des performances et SEO Améliorer la vitesse de chargement (lazy-loading, image optimization), configurer le rendu SSR ou SSG, et optimiser le SEO (meta tags, sitemap, balisage).
Tests, debugging et qualité de code Découvrir les outils de test (Jest, Vitest), mettre en place le linting et le formatting (ESLint, Prettier), et apprendre les méthodes de debugging dans NuxtJS.
CI/CD et déploiement en production Automatiser la livraison avec GitHub Actions ou GitLab CI, préparer la build pour la production, et déployer sur des plateformes comme Vercel, Netlify ou un serveur Docker.
Projet fil rouge : conception et déploiement d’un site complet Appliquer l’ensemble des connaissances acquises pour concevoir, développer et déployer un site professionnel sous NuxtJS v3, avec suivi personnalisé et révision des bonnes pratiques.