Quiz Nuxt expert

1

Quelle est la principale caractéristique du moteur "Nitro" sur lequel repose Nuxt ?

Un bundler Javascript qui remplace Vite en mode développement
Le moteur serveur générant un build polyvalent pour différents environnements (Cloudflare, Vercel, Node, Edge...)
Une bibliothèque interne d'animations CSS
Le gestionnaire de cache pour Vue Router

2

Quelle est la fonction des règles de routage (Route Rules) introduites dans Nuxt ?

Autoriser ou refuser l'accès aux pages selon l'authentification (middleware)
Forcer Vue 2 avec une syntaxe Options API et Vue 3 avec la Composition API
Attribuer différents modes de rendu (SSR, SPA, SWR, SSG, cache) finement pour chaque route ou dossier de l'application
Associer des propriétés CSS spécifiques au body de chaque page

3

Concernant les plugins Nuxt, quel est leur comportement par défaut s'ils sont placés dans le dossier /plugins ?

Ils ne s'exécutent que du côté navigateur (au montage de Vue)
Ils s'exécutent automatiquement à la fois lors du rendu du serveur et de l'hydratation côté client
Ils nécessitent une configuration dans le app.config.ts pour être enregistrés
Ils sont ignorés s'ils ne portent pas l'extension .nuxt

4

Pourquoi privilégier le composable useState à la place d'une simple ref() dans un composant partagé ?

Parce qu'il stocke définitivement l'état dans le LocalStorage du navigateur
Parce qu'il intègre le chiffrement AES des chaînes de caractères
Parce qu'il assure le transfert (serialization) de l'état du serveur vers le client sans déclencher de double exécution et de mismatch lors de l'hydratation
Il est beaucoup plus rapide à exécuter dans la vDOM

5

Que propose principalement le module officiel @nuxt/content ?

Un CMS intégré transformant des fichiers (Markdown, YAML, JSON, CSV) stockés localement en une API puissante que l'on peut requêter
La gestion automatisée des balises meta pour le SEO de toutes les vues de manière intelligente
Un outil de traduction multi-langues basé sur l'IA (i18n)
L'injection automatique d'images miniatures et d'Open Graph meta dans les pages

6

Quel framework minimaliste gère le socle rudimentaire pour façonner les handlers asynchrones des Endpoint côté Server (API) dans Nuxt ?

Node Express
L'outil robuste h3 de la stack UnJS
Fastify
Koa.js

7

Dans le fichier config via l'objet magique routeRules, comment mettre en place l'approche incrémentielle Stale-while-revalidate (SWR) propre à une nouvelle architecture ?

En combinant via la configuration manuelle via un plugin cache: true
En manipulant expressément via le contexte de base l'instruction de composable spécifique memoize()
En utilisant l'entête natif direct à savoir maxage
En implémentant un champ par identifiant d'URl de type swr: true ou un Integer (temps)

8

Quel est la stratégie ou le composable typique fourni par Nuxt pour renvoyer depuis son code une erreur 404 (et son affichage custom par défaut) abordée manuellement ?

Le lancer traditionnel natif throw new Error() qui se gère à main levée.
Utilisation couplée ou directe des entités createError & showError qui portent sémantiquement les paramètres.
La terminaison unitaire de code de statut en l'état return 404.
Le code d'erreur interne lié via option comme dans l'ancienne version via $nuxt.error().

9

Comment modifier plus en profondeur sous la couche de Nuxt la configuration du célèbre constructeur par défaut qu'est Vite ?

A l'aide intégrale d'un fichier annexe normalisé externe du système comme vite.config.ts.
En raison de l'imbrication forcée , aucune intervention n'est malheureusement licite, c'est statique.
Via une requête complexe de désindexation et d'éject de tout le build interne.
Uniquement au sein de l'objet de base Nuxt dans son attribut global vite de nuxt.config.ts.

10

Depuis Nuxt 3, de qui ce framework hérite-t-il les fondements architecturaux des composants et ses instances internes pour ses développeurs et créateurs ?

Vue 3 exclusivement exploité à partir du cœur de la Composition API
Une évolution de Vue 2 et son OptionsAPI supportant une structure hybride interne (Vue2 + pont de migration)
React en version asynchrone concurrente (Fiber) pour correspondre formellement au support serveur avancé
Svelte et ses fameux compilateurs

11

Quelle brique de bas niveau de l'écosystème constitue de façon intrinsèque les directives et le contexte de montage et d'infrastructure constructible du cœur applicatif des modules Nuxt ?

@nuxt/builder
@nuxt/module
@vue/cli
@nuxt/kit