Parcours d'apprentissage

Roadmap Nuxt

Un parcours progressif pour apprendre Nuxt serieusement, de la structure du framework au rendu hybride, au contenu et au deploiement en production.

Fondations

Comprendre Nuxt

  • Comprendre Nuxt comme meta-framework de Vue
  • Mental model SSR, SSG, SPA et rendu hybride
  • Quand Nuxt est un meilleur choix que Vue seul

Bientot disponible

Setup

Initialisation du projet et tooling

  • Installer Node.js et un package manager
  • Creer une application Nuxt
  • Comprendre les commandes dev, build et preview

Bientot disponible

Architecture

Structure des dossiers Nuxt

  • pages, components, layouts, composables
  • server, middleware, plugins, content
  • Comment les conventions reduisent le boilerplate

Bientot disponible

Routing

Routing base sur les fichiers

  • Routes statiques
  • Params dynamiques et catch-all pages
  • Pages imbriquees et organisation des routes

Bientot disponible

UI

Layouts et interface partagee

  • Layout par defaut et layouts nommes
  • Patterns de header, footer et shell global
  • Construire une structure de page reutilisable

Bientot disponible

Reactivite

Vue dans Nuxt

  • Bien utiliser refs, computed et watchers
  • script setup dans pages et composants Nuxt
  • Garder un state previsible pendant la navigation

Bientot disponible

Data

Data fetching avec useFetch et useAsyncData

  • Fetch cote serveur vs cote client
  • Bases de cache et deduplication
  • Gerer proprement loading et erreurs

Bientot disponible

Content

Nuxt Content et CMS base sur les fichiers

  • Ecrire des pages en Markdown
  • Modeliser des collections et le frontmatter
  • Construire blog, docs et roadmaps depuis des fichiers

Bientot disponible

Server

Routes serveur et endpoints API

  • Creer des endpoints Nitro
  • Utiliser runtime config de maniere securisee
  • Separer logique frontend et logique serveur

Bientot disponible

Etat

Composables et state partage

  • Extraire une logique reutilisable
  • Utiliser useState avec discipline
  • Eviter de centraliser inutilement un state local simple

Bientot disponible

Navigation

Middleware et controle de navigation

  • Bases des route middleware
  • Checks d auth et de permissions
  • Patterns de redirection sans casser l UX

Bientot disponible

SEO

SEO et gestion des metas

  • useSeoMeta et gestion du head
  • Open Graph et cartes sociales
  • Bases sitemap, RSS et robots

Bientot disponible

Style

Styling et systemes UI

  • Tailwind avec Nuxt
  • Libs UI et couches de composants
  • Garder des design tokens et espacements coherents

Bientot disponible

Modules

Travailler avec les modules Nuxt

  • Mental model des modules officiels
  • Quand ajouter un module vs du code custom
  • Eviter l explosion des dependances

Bientot disponible

Performance

Rendu et performance

  • Choisir SSR, SSG ou hybride avec intention
  • Optimiser images, payloads et hydration
  • Comprendre les trade-offs du prerendering

Bientot disponible

Qualite

Type safety et tests

  • Patterns TypeScript first
  • Bases des tests de composants et d integration
  • Couvrir les flows critiques avec des tests legers

Bientot disponible

Delivery

Deploiement et environnements

  • Serveur Node vs hebergement statique
  • Strategie de variables d environnement
  • Bien separer local, staging et production

Bientot disponible

Production

Observabilite et maintenance

  • Logger les evenements utiles
  • Suivre erreurs et uptime
  • Faire evoluer modules, contenu et routes sans risque

Bientot disponible