Introduction à Nuxt 4 — Ce qui change vraiment

Nuxt 4 marque un tournant dans l'écosystème Vue. Avec la refonte de la structure des dossiers et l'introduction du répertoire app/, le framework gagne en clarté et en cohérence.

La nouvelle structure app/

Le dossier app/ regroupe désormais tout le code côté client : pages, composants, layouts, assets. Cette séparation nette du reste du projet (notamment du dossier server/) facilite le raisonnement sur ce qui s'exécute où.

project/
├── app/
│   ├── pages/
│   ├── components/
│   ├── layouts/
│   └── assets/
├── server/
│   └── api/
└── content/

Compatibilité Nuxt 3

La migration depuis Nuxt 3 est progressive. La plupart des modules compatibles Nuxt 3 fonctionnent sans modification. Le compatibilityDate dans nuxt.config.ts permet de choisir le niveau de compatibilité souhaité.

@nuxt/content v3

La version 3 de @nuxt/content tire parti de SQLite pour indexer les fichiers markdown localement. Résultat : des requêtes ultra-rapides, un système de filtrage puissant via queryCollection(), et un rendu SSR sans compromis.

La combinaison Nuxt 4 + Content v3 + NuxtUI v4 représente aujourd'hui la stack la plus productive pour un blog technique moderne.

Conclusion

Nuxt 4 n'est pas une révolution, c'est une évolution soignée. Les équipes qui investissent dans cette stack bénéficient d'un outillage de qualité professionnelle, d'une communauté active et d'une compatibilité Vercel/Cloudflare native.