04/Clubs d’affaires · expérience agence
Dynabuy
Le site Next.js + TypeScript du réseau de clubs d’affaires Dynabuy, de zéro à la production.
- Rôle
- Développeur Next.js chez Génération Internet (agence, Nantes)
- Période
- mars 2024 – juin 2025
- Statut
- Projet client · en ligne
Projet clientRéalisé en agence pour un client : pas de captures de la marque ni de code. Le site est en ligne.
- 01Maquettes Adobe XDDesign de l’agence
- 02Composants ReactBibliothèque typée, réutilisable
- 03API interneContrats TypeScript
- 04Rendu par pageSSG · SSR · CSR
- de l’interface développée
- ~90 %
- du code migré en TypeScript
- 100 %
- démarré de zéro, mis en ligne
- 0 → prod
Contexte
Le groupe Dynabuy anime un réseau de clubs d’affaires partout en France. Génération Internet, l’agence où je travaillais, avait la charge de son site clubsdaffaires.fr en Next.js.
Le problème
Partir de zéro, livrer en production et tenir les Core Web Vitals sur un site de contenu riche, branché sur l’API interne du client.
Ce que j’ai fait
- Environ 90 % de l’interface, des maquettes Adobe XD aux composants React.
- Migration complète du code vers TypeScript.
- Intégration de l’API REST interne.
- Choix du mode de rendu page par page et optimisation des Core Web Vitals.
Architecture & choix techniques
- 01
TypeScript partout
Migration de tout le code vers TypeScript pour fiabiliser les échanges avec l’API interne et les props des composants partagés.
- 02
De la maquette au composant
Les maquettes Adobe XD ont été découpées en composants React réutilisables, branchés sur l’API interne plutôt que sur du contenu en dur.
- 03
Le bon rendu au bon endroit
SSG pour les pages stables, SSR pour celles qui dépendent des données, CSR pour l’interactif, avec un œil constant sur les Core Web Vitals.
Stack
- Next.js
- React
- TypeScript
- Adobe XD
- API REST interne
- SSR / SSG / CSR
- SEO
- Core Web Vitals