Formation Nuxt
3 jours de formation pour apprendre à développer efficacement avec Nuxt.js !
Vue d'ensemble
Bonne connaissance des technologies web (HTML, CSS, JavaScript).
Expérience avec Vue.js (Vue 2 ou Vue 3 selon la version de Nuxt utilisée).
Objectifs pédagogiques
Programme détaillé
Introduction à Nuxt.js et son écosystème
Vue d’ensemble de l’écosystème Nuxt et ses avantages.
Outils de développement : Node.js, NPM, Vite.
Rappels des bases de Vue.js : directives, événements, composants.
Les bases de Nuxt.js
Structure d’un projet Nuxt.js (arborescence et conventions).
Fonctionnement du Virtual DOM et rendu des composants.
Création et réutilisation de composants Vue/Nuxt.
Communication entre composants : props, events, slots.
Options API vs Composition API
Découverte de l’Options API.
Introduction à la Composition API (setup, reactive, ref, computed).
Comparaison et cas d’usage selon le type de projet.
Gestion des formulaires et validation
Utilisation de v-model et binding des données.
Validation et gestion des erreurs.
Bonnes pratiques pour des formulaires robustes.
Composants avancés et gestion du cycle de vie
Hooks du cycle de vie (onMounted, onUpdated, etc.).
Composables (fonctions réutilisables avec la Composition API).
Téléportation, suspense et gestion des composants dynamiques.
Composants spécifiques à Nuxt.js
ClientOnly : rendre un composant uniquement côté client.
NuxtLayout et structuration globale d’un projet.
NuxtPage et gestion automatique des routes.
NuxtLink pour la navigation interne.
NuxtImg et NuxtPicture pour l’optimisation des images.
Gestion des données avec Pinia et API externe
Introduction à Pinia et différence avec Vuex.
Partage de données entre composants avec state, getters, actions.
Utilisation d’une API externe ou interne avec useFetch et useAsyncData.
Gestion des erreurs et des états de chargement.
La « magie » de Nuxt.js
Routage automatique basé sur l’arborescence des fichiers.
SSG (Static Site Generation) : génération de sites statiques.
SSR (Server Side Rendering) : rendu côté serveur.
Optimisations SEO : balises meta, gestion des réseaux sociaux.
Lazy loading, préchargement et optimisation des performances.
Tests et automatisation
Introduction aux tests end-to-end avec Cypress.
Configuration de base dans un projet Nuxt.js.
Écriture de tests (login, navigation, formulaires, etc.).
Tests unitaires avec Vitest ou Jest (selon préférence).
Montage des composants, assertions et mocks.
Couverture de code et bonnes pratiques.
Optimisation des données avec TanStack Query
Présentation de TanStack Query (gestion avancée du cache).
Intégration avec Nuxt.js et la Composition API.
Stratégies d’optimisation et invalidation intelligente des requêtes.
Bonnes pratiques et patterns avancés
Organisation des dossiers et fichiers pour un projet scalable.
Utilisation de plugins et modules Nuxt.js.
Sécurisation et gestion des permissions utilisateur.
Performance et déploiement
Techniques avancées d’optimisation (code splitting, pré-rendu).
Mesure des performances avec Lighthouse et Web Vitals.
Déploiement sur Vercel, Netlify ou plateformes PaaS.
Configuration pour la production et gestion des variables d’environnement.
Prochaines sessions
du 23 nov. 2026 au 25 nov. 2026 • 3 jours
Ils nous font confiance
Cette année notre filière Développement Web & Fullstack a accompagné plus de 111 entreprises dont :
Avis des participants
session très agréable, dense mais toujours agréable. formateur très à l'écoute, prends le temps de répondre aux questions. on apprends l'utilisation des fonctions mais aussi les processus mis en œuvre derrière ces fonctions. cela contribue à une compréhension en profondeur des sujets.
Très bon instructeur qui explique toujours en montrant du code, aucune slide et une présentation vivante ce qui permet de rester intéressé et concentré tout au long ! On nous laisse beaucoup de temps pour faire les exercices aussi donc ça permet de vraiment réfléchir…
Merci à Yasmine pour ces 3 jours de formation
RAS, j'ai passer un bon moment et j'ai hâte de pouvoir mettre tous ça en pratique dans mes devs. Seul bémol, j'ai reçu le mail indiquant les logiciels nécessaires seulement un jour avant le début de la formation. J'ai pu contourner les restrictions du PC…
Très bon formateur : pédagogue, n'hésite pas à faire des zooms sur certains concepts qui pouvaient me manquer, s'appuyer sur des choses qui peuvent mettre réellement utile au quotidien. Déroulé de la formation logique et permettant d'aller crescendo dans les difficultés pour avoir des bases…
Votre formateur
Romain R.
Formateur React & JavaScript
Romain intervient sur des formations portant sur le développement web et fullstack. Parmi les formations qui lui sont confiées figurent notamment « C# » et « Java ». Son activité de formation remonte à 2009, soit plus de 15 ans d’expérience.
Financement
Cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
Questions fréquentes
Combien de temps dure la formation Nuxt ?
Cette formation se déroule sur 3 jours.
Quels sont les prérequis pour suivre la formation Nuxt ?
Bonne connaissance des technologies web (HTML, CSS, JavaScript). Expérience avec Vue.js (Vue 2 ou Vue 3 selon la version de Nuxt utilisée).
Quel est le prix de la formation Nuxt ?
En inter-entreprises, elle est à 2 250 € HT par participant ; en intra-entreprise, elle est à 4 950 € HT pour le groupe. Un tarif sur-mesure est également disponible sur devis.
La formation Nuxt délivre-t-elle une certification ?
Cette formation ne délivre pas de certification. Une attestation de fin de formation vous sera remise à l'issue de la session.
La formation Nuxt est-elle éligible à un financement OPCO ?
Oui, cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
Choisissez votre formation
Mon contact chez SPARKS est professionnel et très réactif. Les échanges sont simples, efficaces, et la collaboration se déroule dans d'excellentes conditions.