Developer Front-End – Migration Headless (Astro / Svelte / TypeScript / Tailwind)

Description du poste

Les livrables sont       

·       Dossier de conception

·       Développement Web

Compétences techniques    

·       Astro - Confirmé - Impératif

·       Svelte - Confirmé - Impératif

·       HTML/CSS - Expert - Impératif

·       JavaScript/TypeScript (ES6+) - Expert - Impératif

Description détaillée

Dans le cadre de la modernisation de sa plateforme e-commerce, le client engage une transformation progressive de son front-end historique vers une architecture Headless moderne, performante et maintenable.

Le site actuel repose sur un socle SAP Hybris avec un front legacy basé sur :

- HTML

- JSTL (fichiers .jsp et .tag)

- CSS

- Vue.js 2

- Back-office Hybris (aucun développement Front réalisé sur le BO)

L’objectif du programme est de migrer progressivement les pages existantes vers une architecture Headless reposant sur des technologies modernes permettant d’améliorer :

- Les performances applicatives

- La maintenabilité du code

- L’expérience utilisateur

- La capacité d’évolution fonctionnelle

- La scalabilité de la plateforme

Le Lead Developer Front-End interviendra sur la conception, le pilotage technique et la réalisation de la migration du front legacy vers une nouvelle stack Headless reposant sur :

- Astro (framework principal orchestrant le rendu et le routage)

- Svelte (développement des composants dynamiques)

- TypeScript

- TailwindCSS

- Intégration via API REST Java exposant les données issues d’Hybris

Les migrations pourront être réalisées :

- À iso-fonctionnel

- Avec refonte UX/UI basée sur des maquettes Figma

La mission s’inscrit au sein de la Squad Avant-Vente (AVV) couvrant l’ensemble du parcours client jusqu’à la mise au panier, incluant notamment :

- Pages de navigation catalogue

- Pages listes produits

- Pages produits (PDP)

- Pages éditoriales

- Composants marketing

- Composants transactionnels avant tunnel d’achat

Leadership technique :

- Garantir les standards de développement Front-End

- Participer aux choix d’architecture Front Headless

- Assurer la cohérence technique et la qualité des implémentations

- Encadrer techniquement les développeurs Front de la squad

- Mettre en place et maintenir les bonnes pratiques de développement (performance, accessibilité, SEO, maintenabilité)

Conception et développement :

- Concevoir et développer des composants Svelte réutilisables

- Implémenter les pages via Astro

- Migrer les composants Vue.js existants vers Svelte

- Intégrer les maquettes Figma

- Consommer les APIs REST exposées par le backend Hybris/JAVA

- Optimiser les performances de rendu et de chargement

- Participer à la gestion du design system Front

Contribution à la transformation Headless :

- Participer à la stratégie de migration progressive du legacy

- Identifier et gérer les risques techniques liés à la coexistence legacy / headless

- Documenter les choix techniques et patterns d’implémentation

- Proposer des améliorations continues de la stack Front

Qualité et delivery :

- Garantir la qualité du code livré

- Participer aux revues de code

- Accompagner l’industrialisation des développements

- Collaborer étroitement avec la QA pour assurer la testabilité

- Contribuer à la résolution des incidents et anomalies