Rebuild headless Shopify × Storyblok × Next.js — Louise Damas
🧭 Contexte
Chez Unlikely Technologies, j’ai rejoint le projet Louise Damas pour soutenir le tech lead sur la refonte headless (Next.js × Storyblok × Shopify).
Durant la phase de rebuild, j’étais chargé de la création et de l’intégration des blocs front modulaires. Après la livraison, j’ai endossé le rôle de référent technique en retainer : maintenance, support client et évolutions continues.
👩💻 Interventions clés
Phase 1 : Développement en soutien (rebuild)
Contexte : intégration en binôme pour poser le socle modulaire du nouveau site.
Défi : concevoir des blocs front-end pixel-perfect (navigation, sections édito texte & image, variantes multiples) entièrement pilotables depuis le CMS, tout en découvrant la stack Next.js × Storyblok.
Action :
- Analyse des tickets ClickUp et clarification des besoins quand c’était nécessaire auprès du tech lead et du chef de projet ;
- Développement de blocs React/Next.js modulaires (desktop & mobile) à partir des maquettes Figma ;
- Configuration des content types dans Storyblok pour chaque bloc (texte, image, CTA, variantes) ;
- Liaison front ↔ back via serializers pour garantir la cohérence des données.
Bénéfice / Résultat : site modulaire permettant au client de bénéficier d’une plateforme de vente réactive et d’une plus grande autonomie dans la création de pages pour accompagner sa vision marketing.
Phase 2 : Référent technique (post-rebuild)
Contexte : passage en retainer pour assurer stabilité et évolutions sur le site reconstruit.
Défi : assumer le rôle de référent technique pour offrir un point de contact unique, traiter la majorité des demandes internes et externes concernant le site et monter en responsabilités.
Action :
- Participation aux réunions clients plus fréquentes pour valider, en cas de besoin, la faisabilité technique et affiner les spécifications des demandes ;
- Mise en place du tracking utilisateur : implémentation des hooks et collaboration avec le prestataire analytics ;
- Création de templates e-mail en MJML et pose des bases du module interne de génération d’e-mails réutilisables qui sera créé plus tard ;
- Évolution des blocs existants : développement de nouvelles features, corrections de bugs et optimisations ciblées.
Bénéfice / Résultat : relation client renforcée et évolutions livrées rapidement sans régression.
⚙️ Stack & outils
- Next.js (TypeScript, ISR, SSR, SSG)
- Vercel (previews & déploiements)
- Prismic (CMS Headless)
- Shopify (Admin API, Storefront API)
- SCSS
- ClickUp, Figma, Algolia, Slack, Doppler
📈 Performances
Depuis le rebuild, le site conserve de belles performances (Chrome UX Report, avril 2025) :
- LCP (Largest Contentful Paint) : 1,1 s
- INP (Interaction to Next Paint) : 45 ms
- CLS (Cumulative Layout Shift) : 0,01
- FCP (First Contentful Paint) : 0,6 s
- TTFB (Time to First Byte) : 0,2 s
🧠 Ce que j’en retiens
Cette double mission – dev front-end pendant le rebuild, puis référent technique en retainer – a été l’une de mes premières vraies responsabilités chez Unlikely. J’y ai renforcé ma rigueur, maîtrisé l’architecture headless (Next.js × Shopify × Storyblok) et l’approche CMS-driven, tout en consolidant mes compétences en gestion de projet technique et support client.