Question 1

Qu'est-ce que le Server-Side Rendering (SSR) dans Nuxt ?

Accepted Answer

Le SSR génère le HTML complet sur le serveur à chaque requête, puis l'envoie au client. Cela améliore le SEO car les moteurs de recherche reçoivent du contenu HTML immédiatement accessible, et améliore également le temps de premier affichage. Le SSR est le mode de rendu par défaut dans Nuxt 3, contrairement au rendu côté client où le JavaScript génère le contenu dans le navigateur.

Question 2

Qu'est-ce que la Static Site Generation (SSG) dans Nuxt ?

Accepted Answer

La SSG génère toutes les pages en HTML statique au moment du build, permettant de servir des fichiers pré-générés très rapidement. Cette approche est idéale pour les sites avec du contenu qui ne change pas souvent, comme les blogs ou les documentations. Dans Nuxt 3, utiliser nuxt generate active la SSG, créant des fichiers HTML pour chaque route configurée.

Question 3

Quelle commande Nuxt utiliser pour générer un site statique ?

Accepted Answer

La commande nuxt generate (ou npm run generate si configuré dans package.json) déclenche la génération statique de toutes les pages. Nuxt parcourt les routes et crée un fichier HTML pour chacune, qui est placé dans le dossier .output/public. Cette commande est utilisée pour déployer sur des hébergeurs statiques comme Netlify, Vercel ou GitHub Pages.

SSR & SSG Nuxt

Qu'est-ce que le Server-Side Rendering (SSR) dans Nuxt ?

Réponse

Qu'est-ce que la Static Site Generation (SSG) dans Nuxt ?

Réponse

Quelle commande Nuxt utiliser pour générer un site statique ?

Réponse

Quel est l'avantage principal du SSR pour le SEO ?

Qu'est-ce que le hybrid rendering dans Nuxt ?

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

Fondamentaux Nuxt

Data Fetching 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