Fondamentaux Nuxt
Nuxt structure, pages directory, auto-routing, layouts, app.vue, server directory, nuxt.config
1Quelle est la structure minimale requise pour une application Nuxt 3 ?
Quelle est la structure minimale requise pour une application Nuxt 3 ?
Réponse
Une application Nuxt 3 nécessite uniquement un fichier app.vue ou un dossier pages/ à la racine du projet. Si app.vue est présent sans dossier pages/, Nuxt crée une application sans router Vue Router. Si pages/ existe, Nuxt active automatiquement le routing basé sur les fichiers et nécessite <NuxtPage /> dans app.vue pour afficher les routes.
2Comment fonctionne le système de routing automatique dans le dossier pages/ ?
Comment fonctionne le système de routing automatique dans le dossier pages/ ?
Réponse
Le dossier pages/ de Nuxt utilise le file-based routing : chaque fichier .vue crée automatiquement une route correspondante. Par exemple, pages/index.vue devient la route '/', pages/about.vue devient '/about', et pages/blog/[id].vue crée une route dynamique '/blog/:id'. Cette approche élimine la configuration manuelle du router.
3Quel est le rôle du composant <NuxtPage /> dans app.vue ?
Quel est le rôle du composant <NuxtPage /> dans app.vue ?
Réponse
Le composant <NuxtPage /> est un outlet qui affiche le contenu de la page active basée sur la route courante. Il est obligatoire dans app.vue lorsque le dossier pages/ existe. Sans <NuxtPage />, les routes ne s'afficheront pas. C'est l'équivalent de <router-view /> dans Vue Router classique mais adapté pour Nuxt.
Comment appliquer un layout spécifique à une page dans Nuxt 3 ?
Quelle est la différence entre utiliser <NuxtLayout> dans app.vue et ne pas l'utiliser ?
+19 questions d'entretien
Autres sujets d'entretien Vue.js / Nuxt.js
Fondamentaux JavaScript
JavaScript moderne (ES6+)
Les bases de Vue
Composants Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Réactivité Vue
Data Fetching Nuxt
SSR & SSG Nuxt
Server Routes Nuxt
Modules Nuxt
Composables Vue
Formulaires & Validation Vue
Gestion d'état Nuxt
Testing Vue
Déploiement Nuxt & CI/CD
Performance Vue
Patterns avancés Vue
TypeScript avec Vue
Authentification Nuxt
SEO avec Nuxt
Internationalisation Nuxt
Architecture Vue
Sécurité Nuxt
Écosystème Vue
Migration Vue 2→3 & Nuxt 2→3
Maîtrise Vue.js / Nuxt.js pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement