HUB, le site que vous lisez et l’outil privé qui tourne derrière
Un seul outil, du premier contact à la facture.
Le projet en bref
- Le besoin
- Un seul outil pour tenir les contacts, les devis, les factures, les projets et le savoir, avec une vitrine publique.
- Ma contribution
- Conception, développement et exploitation de bout en bout : site public bilingue, outil privé, design system et déploiement.
Ce qui a été réalisé
- Portfolio FR / EN
- Clients, devis et facturation
- Agents IA et workflows
- Design system « Registre »
Outil personnel en cours, ni vendu ni ouvert à d’autres comptes. Les captures du hub montrent un workflow d’exemple et le design system, sans donnée réelle.

- Nature
- Application web : site public bilingue et outil de gestion privé · projet personnel en cours
- Période
- Depuis octobre 2026
- Client
- HUBProjet personnel : ce site et l’outil privé de BXGLNDR
Le besoin
Travailler seul avec plusieurs clients demande un outil qui tienne tout : les contacts, les devis, les factures, les projets en cours et ce que l’on apprend en chemin. Plutôt que d’empiler des abonnements, j’ai construit le mien, et ce site en est la vitrine.
La partie publique
- Ce portfolio, en français et en anglais ; chaque chiffre publié porte sa source.
- Un audit de publication à l’import : un projet exclu, une adresse e-mail, un numéro de téléphone, le nom d’un contact ou un prix interne bloquent la mise en ligne.
- Un contenu lisible sans JavaScript ; l’ouverture animée de la marque s’arrête au premier geste et ne joue pas quand vous demandez moins d’animations.
La partie privée
- Clients et pipeline, devis avec un lien personnalisé, factures et avoirs, livre des recettes.
- Une facturation tenue par la base : la numérotation ne passe que par elle, une pièce émise ne se modifie ni ne se supprime, les montants sont en centimes entiers et les dates au jour de Paris.
- Des agents IA permanents, avec budgets et approbations, et un éditeur de workflows en canevas.
- Le savoir, le suivi des projets, un générateur de contenus Instagram, des transferts entre téléphone et ordinateur, le suivi des quotas d’IA et un assistant vocal.
- Un seul compte, le mien, avec une double authentification ; les secrets sont rangés dans un coffre chiffré.
La fabrication
Next.js, React et TypeScript strict, PostgreSQL 17, un processus permanent pour les tâches de fond, un design system maison (« Registre ») et des décisions d’architecture écrites. Le code est découpé en modules métier dont les frontières sont vérifiées automatiquement. Le tout tourne en conteneurs Docker sur un serveur dédié, avec un retour arrière prêt à chaque mise en ligne ; les contrôles (types, règles de code, tests unitaires, d’intégration sur une vraie base et de bout en bout) passent avant chaque déploiement.
Preuves
Chaque chiffre porte sa source. Aucun résultat commercial n’est revendiqué.
18
Modules métier du code
SourceDossier des modules du dépôt, 13 octobre 2026
14
Décisions d’architecture écrites
SourceDossier des décisions du dépôt, 13 octobre 2026
1 705
Tests unitaires au vert
SourceContrôles du dépôt, 13 octobre 2026
Ce qui n’est pas affirmé
Le HUB est un outil personnel : il n’est ni vendu ni ouvert à d’autres comptes. Les captures du hub montrent un workflow d’exemple et la page du design system, sans client, sans facture et sans chiffre réel ; la barre latérale et la barre d’état sont hors cadre. Aucune mesure de production n’est publiée.
Détails techniques
Les technologies utilisées pour cette réalisation. Les fonctions et leurs limites sont détaillées dans le récit.
- Next.js
- React
- TypeScript
- Tailwind CSS
- PostgreSQL
- Drizzle
- Docker
Savoir-faire mobilisé
Galerie

La partie publique : ce site. 
La partie privée : un workflow d’exemple. 
Le design system, documenté dans le hub. 
Sur téléphone.
Un besoin similaire ?
Parlons de votre contexte et de ce que vous aimeriez simplifier.