[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"job-benin-digital-developpeur-front-end-cotonou-peuk1u":3},{"id":4,"title":5,"departement":6,"description":7,"createdAt":8,"updatedAt":9,"publishedAt":10,"closedAt":11,"company":12,"domains":6,"status":25,"slug":26,"uniqueCode":27,"ogImage":28,"questionnaire":6,"displayScoreForJobseeker":29,"workModel":6,"jobTypes":30,"experiencesLevels":32,"hardFilters":34,"minSalary":6,"maxSalary":6,"address":38,"currency":41,"isExternal":29,"externalLink":42,"externalPlatform":43},"6a6eb5e53208560d5009b60c","Développeur Front-End - Cotonou",null,"\u003Cp>Nous sommes à la recherche d'un \u003Cstrong>Développeur Front-End.\u003C/strong>\u003C/p> \u003Ch2>\u003Cstrong>Missions principales\u003C/strong>\u003C/h2> \u003Ch3>\u003Cstrong>Développement d'interfaces\u003C/strong>\u003C/h3> \u003Cul> \u003Cli>Développer des interfaces web en Next.js et React, dans le respect des maquettes et des exigences d'ergonomie\u003C/li> \u003Cli>Garantir l'affichage adaptatif sur mobile, tablette et poste fixe\u003C/li> \u003Cli>Appliquer les bonnes pratiques d'accessibilité\u003C/li> \u003C/ul> \u003Ch3>\u003Cstrong>Site public et contenus\u003C/strong>\u003C/h3> \u003Cul> \u003Cli>Développer un site public avec des exigences de performance et de référencement naturel\u003C/li> \u003Cli>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\u003C/li> \u003C/ul> \u003Ch3>\u003Cstrong>Parcours transactionnels\u003C/strong>\u003C/h3> \u003Cul> \u003Cli>Développer des parcours de souscription : sélection, panier, formulaires, validation\u003C/li> \u003Cli>Intégrer une solution de paiement en ligne : souscription, abonnement récurrent, portail de gestion du moyen de paiement\u003C/li> \u003C/ul> \u003Ch3>\u003Cstrong>Espaces applicatifs\u003C/strong>\u003C/h3> \u003Cul> \u003Cli>Développer un espace utilisateur permettant la consultation de données personnelles et d'historique\u003C/li> \u003Cli>Développer une interface d'administration : gestion de catalogue, de tarifs, d' utilisateurs, suivi d'opérations\u003C/li> \u003Cli>Consommer les API internes avec traitement complet des états de chargement, d'erreur et de résultat vide\u003C/li> \u003C/ul> \u003Ch2>\u003Cstrong>Environnement technique\u003C/strong>\u003C/h2> \u003Cp>\u003Cstrong>Framework\u003C/strong> \u003Cstrong>:\u003C/strong> Next.js (React)\u003C/p> \u003Cp>\u003Cstrong>Langage \u003C/strong>\u003Cstrong>:\u003C/strong> TypeScript\u003C/p> \u003Cp>\u003Cstrong>Gestion\u003C/strong> \u003Cstrong>de\u003C/strong> \u003Cstrong>contenu\u003C/strong> \u003Cstrong>:\u003C/strong> CMS découplé exposé via JSON:API\u003C/p> \u003Cp>\u003Cstrong>Visionnement\u003C/strong> \u003Cstrong>:\u003C/strong> Git\u003C/p> \u003Ch2>\u003Cstrong>Compétences techniques requises\u003C/strong>\u003C/h2> \u003Ch3>\u003Cstrong>React\u003C/strong>\u003C/h3> \u003Cul> \u003Cli>\u003Cstrong>Maitrise confirmée de React \u003C/strong>: composants fonctionnels, hooks, contexte\u003C/li> \u003Cli>Gestion fine du cycle de rendu et des dépendances d'effets\u003C/li> \u003Cli>Composition de composants et conception d'interfaces réutilisables\u003C/li> \u003C/ul> \u003Ch3>\u003Cstrong>Next.js\u003C/strong>\u003C/h3> \u003Cul> \u003Cli>\u003Cstrong>App Router\u003C/strong> : agencements, routes imbriquées, composants serveur et composants client\u003C/li> \u003Cli>Modes de rendu (rendu côté serveur, génération statique, régénération incrémentale) et discernement dans leur choix\u003C/li> \u003Cli>\u003Cstrong>Route handlers\u003C/strong> et intermédiaires (middleware)\u003C/li> \u003Cli>Optimisations intégrées : images, polices, découpage de code\u003C/li> \u003C/ul> \u003Ch3>\u003Cstrong>TypeScript\u003C/strong>\u003C/h3> \u003Cul> \u003Cli>Typage des composants, des propriétés et des réponses d'API\u003C/li> \u003Cli>Types génériques, types utilitaires, unions discriminées\u003C/li> \u003Cli>Partage de types avec les services back-end\u003C/li> \u003C/ul> \u003Ch3>\u003Cstrong>Interface et styles\u003C/strong>\u003C/h3> \u003Cul> \u003Cli>Intégration HTML sémantique et CSS moderne\u003C/li> \u003Cli>\u003Cstrong>Tailwind CSS\u003C/strong> ou modules CSS\u003C/li> \u003Cli>\u003Cstrong>Conception adaptative\u003C/strong>, approche mobile d' abord\u003C/li> \u003Cli>\u003Cstrong>Notions de système de design \u003C/strong>: jetons, cohérence typographique et chromatique\u003C/li> \u003Cli>Bases d'\u003Cstrong>accessibilité\u003C/strong> : navigation au clavier, attributs ARIA, contrastes\u003C/li> \u003C/ul> \u003Ch3>\u003Cstrong>Données et état applicatif\u003C/strong>\u003C/h3> \u003Cul> \u003Cli>Consommation d'\u003Cstrong>API\u003C/strong> \u003Cstrong>REST\u003C/strong> : requêtes, mise en cache, invalidation\u003C/li> \u003Cli>Bibliothèque de gestion des données serveur : \u003Cstrong>TanStack\u003C/strong> \u003Cstrong>Query\u003C/strong> ou équivalent\u003C/li> \u003Cli>Gestion d'état applicatif : contexte React, Zustand ou équivalent\u003C/li> \u003Cli>\u003Cstrong>Formulaires et\u003C/strong> \u003Cstrong>validation\u003C/strong> : react-hook-form, Zod ou équivalent\u003C/li> \u003Cli>Traitement systématique des états de chargement, d'erreur et de résultat vide\u003C/li> \u003C/ul> \u003Ch3>\u003Cstrong>Référencement et performance\u003C/strong>\u003C/h3> \u003Cul> \u003Cli>Métadonnées, balises Open Graph, plan de site, données structurées\u003C/li> \u003Cli>\u003Cstrong>Core Web\u003C/strong> \u003Cstrong>Vitals\u003C/strong> : mesure, diagnostic et optimisation\u003C/li> \u003C/ul> \u003Ch3>\u003Cstrong>Outillage\u003C/strong>\u003C/h3> \u003Cul> \u003Cli>Git: branches, revues de code, résolution de conflits\u003C/li> \u003Cli>Gestionnaire de paquets : npm, pnpm ou yarn\u003C/li> \u003C/ul> \u003Ch2>\u003Cstrong>Compétences appréciées\u003C/strong>\u003C/h2> \u003Cul> \u003Cli>Drupal en mode découplé : création de types de contenu, exposition via\u003C/li> \u003C/ul> \u003Cp>\u003Cstrong>JSON\u003C/strong>\u003Cstrong>:\u003C/strong>\u003Cstrong>API\u003C/strong>, notions de PHP\u003C/p> \u003Cul> \u003Cli>Intégration d'une solution de paiement côté client\u003C/li> \u003C/ul> \u003Cul> \u003Cli>Tests d'interface de bout en bout : Playwright, Cypress\u003C/li> \u003Cli>Animation et transitions : Framer Motion ou équivalent\u003C/li> \u003Cli>Internationalisation\u003C/li> \u003Cli>Travail à partir de maquettes Figma\u003C/li> \u003C/ul>","2026-08-02T03:13:41.764000Z","2026-08-02T20:34:34.707000Z","2026-08-02T03:13:42.649000Z","2026-09-29T03:13:42.649000Z",{"id":13,"name":14,"bio":6,"website":6,"email":6,"logoUrl":15,"webAccess":6,"country":16,"isDeleted":17,"isVerified":6,"createdAt":18,"credits":19,"phoneNumber":6,"billingType":20,"offerCount":21,"planUsage":22,"createdBy":6},"6a64fa2b0c9f6c2e3600093f","BENIN-DIGITAL","https://www.emploibenin.com/sites/emploibenin.com/files/logo/cropped-benin-digital-182_0.png","BJ",false,"2026-07-25T18:02:19.917000Z",0,"credits",5,{"name":23,"limits":24,"limitsResetAt":6},"free",{"activeOffers":19,"talentPool":19,"storageMb":19,"candidateDetailsPerMonth":19,"matchesPerMonth":19,"assessmentsPerMonth":19,"cvDownloadLimit":19},"published","benin-digital-developpeur-front-end-cotonou-peuk1u","peuk1u","https://d3271xlc036mcy.cloudfront.net/og/Développeur-Front-End---Cotonou-peuk1u.png",true,[31],"freelance",[33],"expert",{"countries":35,"educationLevels":6,"schools":6,"languages":6,"jobseekerTypes":36},[16],[37],"talent",{"street":6,"country":39,"countryCode":16,"postalCode":6,"city":40,"administrativeArea":6,"subAdministrativeArea":6,"locality":6,"subLocality":6,"geo":6},"Benin","Cotonou","XOF","https://www.emploibenin.com/offre-emploi-benin/developpeur-front-end-cotonou-474800","EmploiBenin"]