Nuxt est un framework Vue full-stack qui offre le rendu côté serveur, le routage basé sur les fichiers, les auto-imports et un système de modules puissant. Il utilise Nitro comme moteur serveur pour un déploiement universel sur Node.js, les plateformes serverless et les edge platforms.
Ce skill est basé sur Nuxt 3.x, généré le 2026-01-28.
Core
| Sujet | Description | Référence |
|---|
| Structure des répertoires | Structure des dossiers du projet, conventions, organisation des fichiers | core-directory-structure |
| Configuration | nuxt.config.ts, app.config.ts, configuration runtime, variables d'environnement | core-config |
| Commandes CLI | Serveur de développement, build, generate, preview, et commandes utilitaires | core-cli |
| Routage | Routage basé sur les fichiers, routes dynamiques, navigation, middleware, layouts | core-routing |
| Récupération de données | useFetch, useAsyncData, $fetch, mise en cache, rafraîchissement | core-data-fetching |
| Modules | Création et utilisation de modules Nuxt, utilitaires Nuxt Kit | core-modules |
| Déploiement | Déploiement multiplateforme avec Nitro, Vercel, Netlify, Cloudflare | core-deployment |
Fonctionnalités
| Sujet | Description | Référence |
|---|
| Auto-imports de Composables | APIs Vue, composables Nuxt, composables personnalisés, utilitaires | features-composables |
| Auto-imports de Composants | Nommage des composants, chargement paresseux, stratégies d'hydratation | features-components-autoimport |
| Composants Intégrés | NuxtLink, NuxtPage, NuxtLayout, ClientOnly, et plus | features-components |
| Gestion d'État | Composable useState, état compatible SSR, intégration Pinia | features-state |
| Routes Serveur | Routes API, middleware serveur, moteur serveur Nitro | features-server |
Rendu
| Sujet | Description | Référence |
|---|
| Modes de Rendu | Universel (SSR), côté client (SPA), rendu hybride, règles de routage | rendering-modes |
Bonnes Pratiques
| Sujet | Description | Référence |
|---|
| Modèles de Récupération de Données | Récupération efficace, mise en cache, requêtes parallèles, gestion des erreurs | best-practices-data-fetching |
| SSR & Hydratation | Éviter les fuites de contexte, les erreurs d'hydratation, modèles de composables | best-practices-ssr |
Avancé
| Sujet | Description | Référence |
|---|
| Couches | Extension d'applications avec des couches réutilisables | advanced-layers |
| Hooks de Cycle de Vie | Hooks de build, d'exécution et de serveur | advanced-hooks |
| Création de Modules | Création de modules Nuxt publiables avec Nuxt Kit | advanced-module-authoring |