Case study

Bouygues Telecom : médiathèque & Design System

Bouygues Telecom m’a confié la refonte complète de sa médiathèque interne et la création d’une documentation interactive pour le design system. Ces outils devaient harmoniser la production d’interfaces, fiabiliser les contenus médias et s’intégrer dans l’écosystème Docker/Kubernetes de l’entreprise.

Next.js 14TypeScriptNode.jsDockerKubernetesDirectus
Bouygues Telecom : médiathèque & Design System

Problématique

L’ancienne médiathèque était lente, difficile à maintenir et aucun support n’existait pour la nouvelle version du design system.

Solution

Création from scratch d’une application Next.js performante, migration automatisée des contenus et conception d’une documentation interactive avec sandbox intégré. Les équipes disposent désormais d’outils fiables, documentés et alignés sur le design system.

Chantiers clés

Médiathèque Next.js

Développement de l’interface, gestion des assets via Directus et optimisation des performances de rendu.

Next.js App RouterDirectus SDKTailwind

Scripts de migration

Extraction des contenus, transformation et import automatique dans la nouvelle base avec contrôle d’intégrité.

Node.jsCLI personnalisésCI/CD GitLab

Documentation Design System

Site interactif avec sandbox pour tester les composants, exemples live et intégration CI/CD Docker/Kubernetes.

MDXNext.jsDockerKubernetes