Les recettes pour Nuxt 3

Nuxt 3 est un framework fullstack basé sur Vue 3 qui apporte le rendu côté serveur (SSR), la génération statique (SSG), le routage automatique basé sur le système de fichiers, et l'auto-import des composants et composables. Il est particulièrement adapté pour les applications nécessitant un bon référencement (SEO) ou un premier affichage rapide.

Construire un projet Nuxt 3 pour le MI

Le ministère de l’intérieur doit suivre le système de design français (DSFR), et la Fabrique Numérique a choisi Vue pour ses projets Front.

Il existe un portage du DSFR pour Vue qui est activement mis à jour par Stanislas Ormières et par l’équipe du BRR et qui est compatible Nuxt 3.

create-vue-dsfr

Le plus simple est d’utiliser la CLI créé et maintenu par Stanislas Ormières create-vue-dsfr :

pnpm create vue-dsfr

Et suivre les indications en répondant Nuxt 3 et TS.

Ce que contient un projet créé avec create-vue-dsfr

Le projet généré contient tout ce qu’il faut pour commencer à travailler :

• une configuration pour TypeScript
• une configuration pour ESlint
• les dépendances nécessaires pour utiliser VueDsfr
• une application d’exemple avec un en-tête
• un store minimal intégré à l’application