Site Nuxt
Pages dynamiques, rendu par blocs, layout commun, routes, images, métadonnées et configuration de production.
La Forêt des Champos avait besoin d’un site capable d’évoluer au fil des saisons. Directus donne la main sur les contenus ; Nuxt garde la lisibilité, le responsive et la cohérence des pages.

Site vitrine Nuxt et Directus pour un parc de loisirs, conçu pour publier des pages, annonces, horaires et contenus multilingues sans perdre le cadre visuel.
Le site devait vivre au rythme du parc : ouvertures, horaires, annonces, pages d’activités, contenus saisonniers et versions en plusieurs langues. Le CMS devait faciliter ces changements sans fragiliser l’expérience visiteur.
Un site administrable peut échouer de deux façons. S’il est trop fermé, chaque modification demande une intervention technique. S’il est trop libre, les pages deviennent irrégulières et difficiles à maintenir. Le projet demandait un équilibre entre autonomie éditoriale et rendu maîtrisé.
Les choix structurants du projet, présentés à partir de leur impact sur le produit et son exploitation.
Horaires, annonces, pages, fichiers et traductions sont organisés comme des contenus distincts, pas comme de longs textes libres.
Le propriétaire compose avec des blocs prévus pour le site. Nuxt garde les espacements, les images, le responsive et la hiérarchie visuelle.
La langue active influence les contenus, les routes, les liens internes, les boutons et les références.
Le modèle a été enrichi progressivement pour couvrir de nouveaux usages sans repartir sur une structure différente.
Le livrable associe le site visible par les visiteurs et l’organisation éditoriale qui permet de le faire vivre.
Pages dynamiques, rendu par blocs, layout commun, routes, images, métadonnées et configuration de production.
Pages, traductions, blocs, fichiers, annonces, horaires, tarifs, carte, calendrier, liens et contenus associés.
Preview, contenus français et anglais, liens internes et champs adaptés aux différents types de blocs.
Scripts d’import et d’export, synchronisation des assets, environnement local et évolution contrôlée du schéma Directus.
Le site accompagne des mises à jour concrètes : annoncer une ouverture, ajuster des horaires, modifier une page d’activité, relire une traduction ou préparer un contenu saisonnier. Directus donne la main sur ces contenus, tandis que Nuxt garde une présentation stable côté visiteur.
L’autonomie ne signifie pas que chaque page devient une page blanche. Les blocs définissent les types de contenus possibles : texte, image, cartes, FAQ, informations pratiques, appels à l’action ou contenus associés.
Nuxt garde la responsabilité de l’affichage final. Cette séparation permet de modifier le contenu sans remettre en question la lisibilité, les espacements ou le comportement mobile.
Directus n’a pas été utilisé comme un simple champ de texte. Les contenus ont été séparés selon leur rôle : une annonce, un tarif, une page d’activité ou un horaire ne se maintiennent pas de la même façon.
Cette organisation rend les contenus plus simples à maintenir. Un horaire évite les recopies à plusieurs endroits. Une annonce peut être retrouvée, modifiée ou retirée.
Le modèle Directus donne des champs concrets, reliés aux usages du site. L’administration est plus claire lorsque la personne qui publie comprend immédiatement quoi renseigner et comment le contenu sera affiché.
Ce travail de modélisation demande plus d’attention au départ, mais il évite de laisser les contenus importants se disperser.
Le projet n’a pas été figé sur une première liste de composants. Les blocs ont été enrichis au fil des besoins pour couvrir davantage de situations : contenu éditorial, informations pratiques, pages d’activités, visuels, liens, cartes ou sections plus spécifiques.
Cette évolution progressive est importante. Elle permet au site d’accompagner le fonctionnement réel du parc, sans forcer tous les contenus dans un modèle trop abstrait.
Chaque nouveau bloc ajoute une possibilité, mais aussi une responsabilité : vérifier le rendu, les états incomplets, le mobile, les liens, les images et la cohérence avec les autres sections.
Le bon équilibre consiste à ajouter de la liberté lorsque le besoin est réel, puis à l’encadrer avec un composant stable.
Le site gère plusieurs langues. Ce point touche les contenus visibles, mais aussi les routes, les liens internes, les boutons, les références et les éléments composés depuis le CMS.
Un visiteur évite ainsi les ruptures de langue dans son parcours. Les liens et contenus associés suivent la langue active.
Ajouter une langue après coup peut créer des incohérences difficiles à corriger. Dans ce projet, la langue fait partie de la structure du contenu et du rendu Nuxt.
Cela rend le système plus clair pour l’édition : les contenus français et anglais sont liés, mais ils restent gérés avec leurs propres textes et références.
Un CMS devient plus utile lorsque l’on peut vérifier une page avant sa publication. La preview permet de consulter le rendu Nuxt d’un contenu préparé dans Directus.
Cette partie est discrète pour le visiteur, mais importante pour l’équipe qui administre le site. Elle permet de relire une page, de vérifier un bloc, de contrôler une traduction ou de préparer une mise à jour sans la rendre publique trop tôt.
Avant une période d’ouverture ou une mise à jour importante, la preview réduit les décisions à l’aveugle. Le propriétaire peut voir ce qui sera affiché et ajuster les contenus avant mise en ligne.
Ce point renforce l’autonomie : administrer un site, c’est aussi contrôler le résultat.
Un site construit avec un CMS headless contient du code, mais aussi un modèle de données. Le schéma Directus, les fichiers, les dossiers, les permissions et les associations entre contenus sont suivis comme une partie du projet.
Des outils d’import, d’export et de synchronisation permettent de reproduire l’environnement, préparer des évolutions et limiter les écarts entre les versions du projet.
Lorsque de nouveaux blocs ou champs sont ajoutés, la maintenance du modèle devient essentielle. Elle permet de tester, documenter et déployer les changements sans manipuler le CMS à la main à chaque étape.
C’est une partie moins visible qu’une page d’accueil, mais elle conditionne la stabilité du site dans le temps.
Le résultat est un site que le propriétaire peut faire vivre sans transformer chaque mise à jour en sujet technique, tout en gardant une expérience lisible pour les visiteurs.
Le site peut évoluer sans transformer chaque mise à jour en intervention technique, tout en gardant un rendu encadré pour les visiteurs.
Nous pouvons concevoir un site vitrine administrable lorsque vos contenus changent régulièrement et restent simples à gérer.