Développement Nuxt
L’écosystème Vue, en statique ou en rendu serveur
Nuxt est à Vue ce que Next.js est à React. Il sait générer un site à l’avance ou construire les pages à la demande — et le choix entre les deux change tout, y compris la facture d’hébergement.
- Vue.js, souvent jugé plus simple à reprendre que React
- Génération statique ou rendu côté serveur, au choix
- Pages indexables, contrairement à une application front
- Développé et hébergé sur notre infrastructure nantaise
Le principe
Un framework, deux modes de fonctionnement
Pourquoi Vue plutôt que React
La réponse honnête n’est pas technique : les deux font le même travail, et le choix se joue sur qui écrira et reprendra le code. Vue a la réputation d’être plus accessible — une syntaxe proche du HTML, une courbe d’apprentissage plus douce — ce qui compte quand l’équipe qui reprendra le projet n’est pas spécialisée en front.
C’est un critère plus sérieux qu’il n’y paraît. Un projet est repris en moyenne plusieurs fois dans sa vie, et par des gens qui n’ont pas participé aux arbitrages initiaux.
Les deux modes, et ce qu’ils impliquent
Nuxt sait faire deux choses très différentes, et c’est ce choix qu’il faut poser en premier — bien avant de parler de composants :
La génération statique. Les pages sont produites à l’avance, comme sur un site Astro. Il n’y a plus rien à calculer à la visite, l’hébergement est trivial et bon marché, et le site encaisse des pics sans broncher. C’est le bon mode pour une vitrine, un catalogue, une documentation.
Le rendu côté serveur. Les pages sont construites à la demande par un programme qui tourne en permanence. C’est nécessaire dès que l’écran dépend de qui le regarde — espace client, tableau de bord, contenu personnalisé. Cela demande une machine, et c’est un autre ordre de coût.
Beaucoup de projets choisissent le second par défaut, sans en avoir besoin. Nous posons la question.
Le piège qu’il permet d’éviter
Une application front qui construit ses pages dans le navigateur — une SPA — a un référencement très complexe, souvent impossible. Elle convient à ce qui n’a pas besoin d’être indexé.
Nuxt permet de ne pas tomber dedans, à condition de s’en servir pour ce qu’il sait faire : générer à l’avance ou rendre côté serveur. Dans les deux cas, la page existe avant l’arrivée du visiteur et s’indexe normalement. C’est un choix d’architecture posé au début, pas une option activée plus tard.
Et si un site suffit ?
Sur une vitrine ou un site éditorial, aucun framework applicatif n’est nécessaire. Astro fait le même travail en envoyant beaucoup moins de code — et il sait d’ailleurs employer des composants Vue.js là où de l’interactivité est utile. Nous le disons quand c’est le cas, y compris si vous êtes venu chercher du Nuxt.
Les usages
Ce que nous construisons avec
-
Sites générés en statique
Vitrine, catalogue, documentation : les pages sont produites à l’avance, l’hébergement est trivial et le site encaisse les pics.
-
Applications rendues côté serveur
Espace client, tableau de bord, contenu personnalisé : quand l’écran dépend de qui le regarde, la page se construit à la demande.
-
Interfaces Vue.js
Composants réutilisables, état applicatif, formulaires complexes — adossés à vos API existantes, en REST ou GraphQL.
-
Branché sur un CMS
Le contenu peut venir d’un WordPress ou d’un CMS headless : vos équipes gardent l’interface d’administration qu’elles connaissent.
-
Indexable
Génération à l’avance ou rendu serveur : la page existe avant la visite. C’est ce qui distingue Nuxt d’une application front classique.
-
Développé et hébergé ici
Statique sur notre mutualisé, rendu serveur sur une machine — dans les deux cas sur notre infrastructure, en France.
Questions fréquentes
Nuxt : vos questions
Une autre question ? Le support répond directement, sans intermédiaire, de 9h à 12h et de 14h à 17h.
Nuxt ou Next.js ?
Les deux font le même travail, l’un sur Vue, l’autre sur React. Le choix se joue sur ce que pratique l’équipe qui reprendra le projet, et Vue passe souvent pour plus accessible à une équipe non spécialisée en front. Techniquement, aucun des deux ne vous bloquera.
Nuxt ou Astro pour un site vitrine ?
Astro, presque toujours : il fait le même travail en envoyant beaucoup moins de code, et il sait employer des composants Vue.js là où de l’interactivité est utile. Nuxt prend l’avantage quand la part applicative devient importante, ou quand toute votre équipe est déjà sur Vue.
Statique ou rendu serveur ?
C’est la question à poser en premier, avant tout le reste. Statique si le contenu peut être connu à l’avance — l’hébergement est alors trivial et bon marché. Rendu serveur si l’écran dépend de l’utilisateur connecté, ce qui suppose une machine et un autre ordre de coût. Beaucoup de projets choisissent le second sans en avoir besoin.
Mon site sera-t-il bien référencé ?
Oui, à condition de générer les pages à l’avance ou de les rendre côté serveur. C’est ce qui distingue Nuxt d’une application front qui construit tout dans le navigateur, dont le référencement est très complexe, souvent impossible.
Vos pages dépendent-elles de qui les regarde ?
C’est la question qui décide entre statique et rendu serveur — et elle change davantage le projet que le choix du framework.