Aller au contenu
Business Agile
Réalisations
Web · Holding et site institutionnel · nov. 2024

Groupe BERREBI

Le site institutionnel de la holding, avec sociétés, marques et informations légales tirées d'une seule source.

En chiffres

versions du site depuis 20242
sociétés décrites depuis une seule source5
marques présentées5

Le Groupe BERREBI est la holding familiale qui réunit mes sociétés et celles de ma famille : Business Agile, Arbre Agile et Éco-Actives, avec leurs marques, dont Ti Kosmeo. Elle est installée à Boulogne-Billancourt. J'en ai conçu le site institutionnel, groupe-berrebi.eu, qui sert de carte d'identité au groupe et de point de départ au maillage entre tous ses sites.

Le projet en détail

Une première version a vu le jour entre octobre et novembre 2024, avec Next.js et DaisyUI, en 15 commits. Je l'ai ensuite reconstruite avec Vite, React 19, TanStack Router et Tailwind CSS v4. Le site présente le groupe, ses ambitions et ses résultats, une page par société et une page par marque, un formulaire de contact et trois pages légales.

Le point technique qui compte ici est la source unique. Pour chaque société, les informations légales (forme juridique, SIREN, SIRET, numéro de TVA, adresse, date de création, dirigeants) sont écrites une seule fois, dans un fichier de données typé en TypeScript. Les pages sociétés, les pages marques et les mentions légales lisent toutes ce même fichier. Quand une adresse change, on la corrige à un seul endroit, et le compilateur signale tout champ oublié.

Le formulaire de contact est relayé par une petite API FastAPI qui envoie le message par Brevo. C'est le même schéma que j'utilise pour tous les sites vitrine du studio : le front reste statique et rapide, et seul l'envoi d'e-mails passe par un service serveur minimal, isolé et facile à surveiller.

C'est un site modeste par sa taille, mais c'est celui qui relie les autres : chaque société du groupe y est décrite avec les mêmes faits que sur son propre site, ce qui compte pour la cohérence de l'entité aux yeux des moteurs de recherche et des moteurs de réponse. Le site est en cours de remise en ligne.

La reconstruction a aussi été l'occasion de simplifier l'exploitation. Le front est servi par nginx dans une image Docker, l'API tourne dans son propre conteneur, et les deux sont placés derrière le même Traefik que les autres sites du groupe, avec des certificats Let's Encrypt renouvelés automatiquement. Aucune base de données n'est nécessaire : le contenu vit dans le code, versionné et relu comme le reste.

Ce qui a été fait

  1. 01

    Une page par société et par marque du groupe

  2. 02

    Informations légales écrites une seule fois dans un fichier de données typé

  3. 03

    Reconstruction de Next.js vers Vite, React 19 et TanStack Router

  4. 04

    Formulaire de contact relayé par une API FastAPI et Brevo

  5. 05

    Point d'ancrage du maillage entre les sites du groupe

Questions fréquentes

Quelles sociétés composent le Groupe BERREBI ?

Le groupe réunit Business Agile, Arbre Agile et Éco-Actives, ainsi qu'une société civile immobilière. Ses marques sont Business Agile, Arbre Agile, Éco-Actives et Ti Kosmeo.

Pourquoi centraliser les informations légales dans un fichier de données ?

Pour qu'un fait n'existe qu'à un seul endroit. Les pages sociétés, les pages marques et les mentions légales lisent la même source typée : une adresse corrigée l'est partout, et le compilateur signale un champ manquant avant la mise en ligne.

Comment fonctionne le formulaire de contact d'un site statique ?

Le site reste un ensemble de pages statiques. Seul l'envoi du message passe par une petite API FastAPI, qui valide les champs et transmet l'e-mail par Brevo.

Autres réalisations

Un projet ? Parlons-en cette semaine.

Un brief court, une réponse sous 48 h, une estimation ferme après cadrage.

Décrire mon projet