Développeur Front-End - Cotonou

Nous sommes à la recherche d'un Développeur Front-End.

Missions principales

Développement d'interfaces

• Développer des interfaces web en Next.js et React, dans le respect des maquettes et des exigences d'ergonomie
• Garantir l'affichage adaptatif sur mobile, tablette et poste fixe
• Appliquer les bonnes pratiques d'accessibilité

Site public et contenus

• Développer un site public avec des exigences de performance et de référencement naturel
• Intégrer un système de gestion de contenu en mode découplé : modélisation des types de contenu, consommation de l'API d'exposition

Parcours transactionnels

• Développer des parcours de souscription : sélection, panier, formulaires, validation
• Intégrer une solution de paiement en ligne : souscription, abonnement récurrent, portail de gestion du moyen de paiement

Espaces applicatifs

• Développer un espace utilisateur permettant la consultation de données personnelles et d'historique
• Développer une interface d'administration : gestion de catalogue, de tarifs, d' utilisateurs, suivi d'opérations
• Consommer les API internes avec traitement complet des états de chargement, d'erreur et de résultat vide

Environnement technique

Framework : Next.js (React)

Langage : TypeScript

Gestion de contenu : CMS découplé exposé via JSON:API

Visionnement : Git

Compétences techniques requises

React

• Maitrise confirmée de React : composants fonctionnels, hooks, contexte
• Gestion fine du cycle de rendu et des dépendances d'effets
• Composition de composants et conception d'interfaces réutilisables

Next.js

• App Router : agencements, routes imbriquées, composants serveur et composants client
• Modes de rendu (rendu côté serveur, génération statique, régénération incrémentale) et discernement dans leur choix
• Route handlers et intermédiaires (middleware)
• Optimisations intégrées : images, polices, découpage de code

TypeScript

• Typage des composants, des propriétés et des réponses d'API
• Types génériques, types utilitaires, unions discriminées
• Partage de types avec les services back-end

Interface et styles

• Intégration HTML sémantique et CSS moderne
• Tailwind CSS ou modules CSS
• Conception adaptative, approche mobile d' abord
• Notions de système de design : jetons, cohérence typographique et chromatique
• Bases d'accessibilité : navigation au clavier, attributs ARIA, contrastes

Données et état applicatif

• Consommation d'API REST : requêtes, mise en cache, invalidation
• Bibliothèque de gestion des données serveur : TanStack Query ou équivalent
• Gestion d'état applicatif : contexte React, Zustand ou équivalent
• Formulaires et validation : react-hook-form, Zod ou équivalent
• Traitement systématique des états de chargement, d'erreur et de résultat vide

Référencement et performance

• Métadonnées, balises Open Graph, plan de site, données structurées
• Core Web Vitals : mesure, diagnostic et optimisation

Outillage

• Git: branches, revues de code, résolution de conflits
• Gestionnaire de paquets : npm, pnpm ou yarn

Compétences appréciées

• Drupal en mode découplé : création de types de contenu, exposition via

JSON:API, notions de PHP

• Intégration d'une solution de paiement côté client

• Tests d'interface de bout en bout : Playwright, Cypress
• Animation et transitions : Framer Motion ou équivalent
• Internationalisation
• Travail à partir de maquettes Figma