[{"data":1,"prerenderedAt":826},["ShallowReactive",2],{"nav-services":3,"case-tipik":24,"services-all":184},[4,8,12,16,20],{"path":5,"navTitle":6,"order":7},"\u002Fservices\u002Fcreation-site-web","Création de site web",1,{"path":9,"navTitle":10,"order":11},"\u002Fservices\u002Fapplication-web-mobile","Application web et mobile",2,{"path":13,"navTitle":14,"order":15},"\u002Fservices\u002Fintegration-ia","Intégration de l'IA",3,{"path":17,"navTitle":18,"order":19},"\u002Fservices\u002Frefonte-modernisation","Refonte et modernisation",4,{"path":21,"navTitle":22,"order":23},"\u002Fservices\u002Fdeveloppeur-freelance-vue-nuxt","Développeur freelance Vue.js \u002F Nuxt",5,{"id":25,"title":26,"body":27,"client":114,"clientUrl":115,"context":116,"cover":117,"description":122,"draft":123,"extension":124,"featured":125,"gallery":126,"kicker":151,"logo":152,"meta":157,"navigation":125,"ogImage":115,"order":11,"partnerLogo":115,"path":158,"period":159,"robots":115,"role":162,"schemaOrg":115,"seo":163,"seoTitle":164,"services":165,"sitemap":169,"stack":170,"stem":181,"summary":182,"video":115,"__hash__":183},"realisations\u002Frealisations\u002Ftipik.md","Tipik : un moteur de matching IA pour la mobilité interne",{"type":28,"value":29,"toc":106},"minimark",[30,35,39,45,49,52,56,78,82,85,89,92],[31,32,34],"h2",{"id":33},"contexte","Contexte",[36,37,38],"p",{},"Tipik est une application web RH destinée à l'AFM (Association Familiale Mulliez), qui rassemble des enseignes comme Auchan, Décathlon ou Leroy Merlin. Son ambition : fluidifier la mobilité interne et mutualiser les talents entre les entités du groupe. À partir de mai 2023, j'y suis intervenu en freelance comme lead développeur frontend Vue.js et sur l'intégration de l'IA.",[40,41,42],"blockquote",{},[36,43,44],{},"L'entreprise Tipik a depuis cessé son activité ; le service n'est plus en ligne. Cette page garde la trace du travail réalisé.",[31,46,48],{"id":47},"le-besoin","Le besoin",[36,50,51],{},"Les collaborateurs d'un grand groupe ne connaissent pas toujours les opportunités ouvertes dans les autres entités, et les équipes RH manquent d'outils pour rapprocher efficacement des profils et des offres. Il fallait une application simple à utiliser, accessible, capable de recommander les bonnes offres selon les profils, et compatible avec l'authentification de chaque entité du groupe.",[31,53,55],{"id":54},"ce-qui-a-été-réalisé","Ce qui a été réalisé",[57,58,59,63,66,69,72,75],"ul",{},[60,61,62],"li",{},"Intégration complète du moteur de matching par IA (OpenAI) pour recommander les offres selon les profils.",[60,64,65],{},"Automatisation de l'import de CV, avec extraction intelligente des compétences et des expériences.",[60,67,68],{},"Développement de modules : catalogue de profils recommandés et agenda partagé entre plusieurs entreprises.",[60,70,71],{},"Conception d'un parcours utilisateur fluide et orienté accessibilité.",[60,73,74],{},"Intégration complète du SSO (Auth0, Okta) pour toutes les entités du groupe.",[60,76,77],{},"Mise en place du back-office, avec gestion fine des rôles et statistiques d'usage.",[31,79,81],{"id":80},"stack-et-choix-techniques","Stack et choix techniques",[36,83,84],{},"L'interface repose sur Vue.js 3 et TypeScript, avec Tailwind CSS pour un système de composants cohérent. Le projet s'appuie sur un backend Symfony avec API Platform, sur Node.js pour certains services, et sur Docker et Google Cloud pour l'exécution. Le matching utilise les modèles d'OpenAI, intégrés comme une brique du produit plutôt que comme un gadget : l'IA recommande, l'utilisateur reste maître de ses choix. L'authentification centralisée par SSO (Auth0, Okta) évite de multiplier les comptes entre entités.",[31,86,88],{"id":87},"résultat","Résultat",[36,90,91],{},"L'application a été mise en production et a servi de base commune aux entités du groupe : recommandation d'offres par IA, import automatisé des CV, agenda partagé, back-office de gestion des rôles et statistiques d'usage. L'entreprise Tipik a depuis cessé son activité ; le service n'est plus en ligne.",[36,93,94,95,100,101,105],{},"Cette étude de cas relève de l'",[96,97,99],"a",{"href":98},"\u002Fservices\u002Fintegration-ia\u002F","intégration de l'IA"," et du renfort en ",[96,102,104],{"href":103},"\u002Fservices\u002Fdeveloppeur-freelance-vue-nuxt\u002F","développement freelance Vue.js et Nuxt",".",{"title":107,"searchDepth":11,"depth":11,"links":108},"",[109,110,111,112,113],{"id":33,"depth":11,"text":34},{"id":47,"depth":11,"text":48},{"id":54,"depth":11,"text":55},{"id":80,"depth":11,"text":81},{"id":87,"depth":11,"text":88},"Tipik",null,"freelance",{"src":118,"alt":119,"width":120,"height":121},"\u002Fmedias\u002Frealisations\u002Ftipik\u002Flogin.webp","Écran de connexion de Tipik : « Se connecter, pour grandir ensemble », avec les enseignes partenaires du groupe",1600,916,"Application RH Tipik : moteur de matching IA (OpenAI), import de CV automatisé, SSO multi-entreprises. Lead frontend Vue.js en freelance.",false,"md",true,[127,131,135,139,143,147],{"src":118,"alt":128,"width":120,"height":121,"device":129,"caption":130},"Écran de connexion de Tipik : « Se connecter, pour grandir ensemble », avec les logos des enseignes partenaires","browser","L’écran de connexion de Tipik",{"src":132,"alt":133,"width":120,"height":121,"device":129,"caption":134},"\u002Fmedias\u002Frealisations\u002Ftipik\u002Flogos.webp","Grille des logos des enseignes partenaires de Tipik sur fond vert : Auchan, Decathlon, Leroy Merlin, Kiabi, Jules et d'autres","Les enseignes partenaires réunies sur la plateforme",{"src":136,"alt":137,"width":120,"height":121,"device":129,"caption":138},"\u002Fmedias\u002Frealisations\u002Ftipik\u002Fcarte.webp","Carte interactive des offres d'emploi autour de Lille, avec des regroupements de pastilles numérotées et des filtres de recherche","La carte des offres, pour trouver une opportunité près de chez soi",{"src":140,"alt":141,"width":120,"height":121,"device":129,"caption":142},"\u002Fmedias\u002Frealisations\u002Ftipik\u002Fprofil.webp","Page « Mon profil Tipik » avec une jauge de profil complet à 100 % et la liste des rubriques renseignées","Complétion du profil : une jauge guide l'utilisateur rubrique par rubrique",{"src":144,"alt":145,"width":120,"height":121,"device":129,"caption":146},"\u002Fmedias\u002Frealisations\u002Ftipik\u002Fkpi.webp","Tableau de bord du back-office Tipik : nombre d'offres, d'utilisateurs, de connexions et un graphique en camembert","Back-office : les chiffres clés de l'activité d'un coup d'œil",{"src":148,"alt":149,"width":120,"height":121,"device":129,"caption":150},"\u002Fmedias\u002Frealisations\u002Ftipik\u002Fcompletion.webp","Graphique en barres du taux de complétion des profils par mois dans le back-office Tipik, avec un tableau de données","Suivi du taux de complétion des profils dans le temps","Application RH & intégration IA",{"src":153,"alt":154,"width":155,"height":156},"\u002Fmedias\u002Flogo-tipik-black.svg","Logo Tipik",160,64,{},"\u002Frealisations\u002Ftipik",{"start":160,"end":161},"2023-05","2025-07","Lead développeur frontend Vue.js & intégration IA",{"title":26,"description":122},"Tipik : matching IA pour la mobilité RH",[166,167,168],"integration-ia","application-web-mobile","developpeur-freelance-vue-nuxt",{"loc":158},[171,172,173,174,175,176,177,178,179,180],"Vue.js 3","TypeScript","Node.js","Tailwind CSS","Symfony","API Platform","OpenAI","Auth0","Docker","Google Cloud","realisations\u002Ftipik","Une application web RH qui intègre l'IA pour fluidifier la mobilité interne et mutualiser les talents des entités d'un grand groupe.","SitG_TaJ9rHoPZAZiS2wXk6w1wlSrYd3cIzKDOzb7NU",[185,330,451,585,705],{"id":186,"title":187,"body":188,"cases":303,"crew":123,"description":305,"extension":124,"faq":306,"icon":322,"meta":323,"navTitle":6,"navigation":125,"ogImage":115,"order":7,"path":5,"robots":115,"schemaOrg":115,"seo":324,"seoTitle":325,"sitemap":326,"stem":327,"summary":328,"__hash__":329},"services\u002Fservices\u002Fcreation-site-web.md","Création de site web sur mesure : vitrine, landing page et SEO",{"type":28,"value":189,"toc":296},[190,194,197,200,204,243,247,250,254,257,261,288],[31,191,193],{"id":192},"un-site-qui-présente-votre-activité-et-inspire-confiance","Un site qui présente votre activité et inspire confiance",[36,195,196],{},"Votre site est souvent le premier contact avec un client, un partenaire ou un recruteur. Il doit dire clairement qui vous êtes, ce que vous proposez et comment vous joindre, en quelques secondes et sur n'importe quel écran. Je conçois et développe des sites vitrines et des landing pages sur mesure, sans modèle générique : la structure, le design et les contenus partent de votre activité et de vos visiteurs.",[36,198,199],{},"Chaque projet démarre par un cadrage : objectifs du site, cible, pages nécessaires, contenus existants, contraintes d'hébergement. À l'issue de cet échange, vous savez ce qui sera livré, dans quel ordre et avec quelles options possibles.",[31,201,203],{"id":202},"ce-que-comprend-la-création-de-site-web","Ce que comprend la création de site web",[57,205,206,213,219,225,231,237],{},[60,207,208,212],{},[209,210,211],"strong",{},"Conception"," : arborescence, parcours de visite, maquettes et choix graphiques validés avec vous, éventuellement avec un designer partenaire.",[60,214,215,218],{},[209,216,217],{},"Développement"," : intégration soignée (Vue.js et Nuxt le plus souvent, ou une autre techno si elle convient mieux), responsive, accessible au clavier et lisible dans les modes clair et sombre quand le projet s'y prête.",[60,220,221,224],{},[209,222,223],{},"Référencement naturel (SEO technique)"," : balises title et description uniques, structure des titres, données structurées, plan du site, redirections lors d'une refonte.",[60,226,227,230],{},[209,228,229],{},"Performance"," : pages statiques ou rendues côté serveur, images optimisées, polices hébergées sur le site, peu de scripts tiers.",[60,232,233,236],{},[209,234,235],{},"Mise en ligne et hébergement"," : je peux aussi héberger votre site si vous le souhaitez (nom de domaine, certificat HTTPS, sauvegardes, déploiement automatisé), ou m'adapter à votre infrastructure.",[60,238,239,242],{},[209,240,241],{},"Gestion des contenus"," : Markdown dans le dépôt de code ou CMS headless pour que vous puissiez publier en autonomie.",[31,244,246],{"id":245},"un-exemple-de-choix-technique-nuxt-pour-un-site-vitrine","Un exemple de choix technique : Nuxt pour un site vitrine",[36,248,249],{},"Nuxt génère des pages HTML complètes, directement lisibles par les moteurs de recherche et rapides à afficher. Le résultat peut être déposé sur un hébergement mutualisé classique, sans serveur applicatif à maintenir, ce qui limite les coûts et les risques. C'est la même approche que celle que j'applique à mon propre site, et je choisis l'outil selon votre besoin plutôt que l'inverse. Vue.js reste ensuite un socle solide si votre site doit évoluer vers une application : espace client, formulaire avancé, tableau de bord.",[31,251,253],{"id":252},"des-exemples-concrets","Des exemples concrets",[36,255,256],{},"Pour Cantet Cordiste, une entreprise spécialisée dans les travaux d'accès difficile, j'ai réalisé un site sur mesure avec un CMS headless Strapi, afin que les contenus soient gérés par l'entreprise elle-même. Pour le Tour de France du Vivre Autrement, j'ai développé et hébergé un site complet avec des plugins SEO, un formulaire de contact et une optimisation des performances.",[31,258,260],{"id":259},"comment-se-déroule-un-projet","Comment se déroule un projet",[262,263,264,270,276,282],"ol",{},[60,265,266,269],{},[209,267,268],{},"Échange"," : nous faisons connaissance et je comprends votre besoin, gratuitement et sans engagement.",[60,271,272,275],{},[209,273,274],{},"Cadrage et conception"," : périmètre, maquettes et choix techniques sont validés ensemble.",[60,277,278,281],{},[209,279,280],{},"Réalisation"," : je livre régulièrement sur un environnement de préproduction pour que vous voyiez le site avancer et puissiez réagir tôt.",[60,283,284,287],{},[209,285,286],{},"Mise en ligne et suivi"," : publication, vérifications finales, formation à la gestion des contenus, puis maintenance et évolutions à la demande.",[36,289,290,291,295],{},"Vous avez un projet de site, une refonte à envisager ou une page qui ne convertit pas ? ",[96,292,294],{"href":293},"\u002Fdevis\u002F","Décrivez votre besoin sur la page devis"," : je reviens vers vous avec des premières pistes.",{"title":107,"searchDepth":11,"depth":11,"links":297},[298,299,300,301,302],{"id":192,"depth":11,"text":193},{"id":202,"depth":11,"text":203},{"id":245,"depth":11,"text":246},{"id":252,"depth":11,"text":253},{"id":259,"depth":11,"text":260},[304],"cantet-cordiste","Site vitrine ou landing page rapide, soigné et bien référencé : conception, développement, SEO technique, mise en ligne et hébergement. Devis sur demande.",[307,310,313,316,319],{"question":308,"answer":309},"Puis-je modifier les contenus moi-même ?","Oui. Selon votre besoin, je mets en place un CMS headless (comme Strapi, utilisé pour Cantet Cordiste) ou un contenu éditable en Markdown. Nous choisissons ensemble la solution la plus simple pour votre équipe, et je vous forme à son usage.",{"question":311,"answer":312},"Vous occupez-vous de l'hébergement et du nom de domaine ?","Je peux configurer l'hébergement, le nom de domaine, le certificat HTTPS et la mise en ligne, ou travailler avec votre prestataire actuel. Pour le Tour de France du Vivre Autrement, j'ai par exemple pris en charge l'hébergement du site.",{"question":314,"answer":315},"Mon site sera-t-il bien référencé ?","Je soigne les fondations techniques du référencement naturel : structure des pages, balises, données structurées, vitesse de chargement et plan du site. Le positionnement dépend ensuite aussi du contenu, de la concurrence et du temps ; je ne promets donc pas de place précise dans les résultats de recherche.",{"question":317,"answer":318},"Travaillez-vous avec un designer ?","Si votre projet demande une identité visuelle ou des maquettes, je m'entoure de designers partenaires. Vous gardez un seul interlocuteur et un seul devis.",{"question":320,"answer":321},"Combien coûte un site vitrine ?","Le tarif dépend du nombre de pages, des fonctionnalités et du contenu à produire. Je ne publie pas de grille de prix ; je chiffre chaque projet après un premier échange gratuit, avec un devis détaillé.","i-lucide-panels-top-left",{},{"title":187,"description":305},"Création de site web sur mesure",{"loc":5},"services\u002Fcreation-site-web","Un site vitrine ou une landing page rapide, accessible et pensé pour être trouvé, sur une base que vous pouvez faire vivre.","qCqdYO4QXfFSgx6mwc1AfXCWovN6YKffOH_E6phtm3Q",{"id":331,"title":332,"body":333,"cases":426,"crew":123,"description":429,"extension":124,"faq":430,"icon":443,"meta":444,"navTitle":10,"navigation":125,"ogImage":115,"order":11,"path":9,"robots":115,"schemaOrg":115,"seo":445,"seoTitle":446,"sitemap":447,"stem":448,"summary":449,"__hash__":450},"services\u002Fservices\u002Fapplication-web-mobile.md","Applications web et mobiles sur mesure",{"type":28,"value":334,"toc":419},[335,339,342,345,349,392,396,399,403,406,410,413],[31,336,338],{"id":337},"des-applications-conçues-pour-lusage-réel","Des applications conçues pour l'usage réel",[36,340,341],{},"Un outil métier, une application destinée au grand public, un SaaS ou un espace client : une application doit d'abord résoudre un problème précis pour ses utilisateurs. Je conçois et développe des applications web et mobiles sur mesure, en m'appuyant le plus souvent sur Vue.js et Nuxt côté interface, Node.js côté serveur, et Capacitor pour publier sur iOS et Android à partir du même code.",[36,343,344],{},"Mon parcours inclut des applications en production pour des collectivités, des éditeurs de logiciels et des startups. Je connais donc aussi bien la phase de prototype que les contraintes de maintenance, de déploiement continu et de montée en charge.",[31,346,348],{"id":347},"ce-que-je-prends-en-charge","Ce que je prends en charge",[57,350,351,356,362,368,374,380,386],{},[60,352,353,355],{},[209,354,274],{}," : besoins, parcours utilisateurs, maquettes et priorités, pour définir un premier périmètre réaliste (MVP).",[60,357,358,361],{},[209,359,360],{},"Interface"," : le plus souvent Vue.js, Nuxt et TypeScript, mais je choisis la techno qui convient à votre projet, avec un soin particulier pour l'accessibilité et les performances sur mobile.",[60,363,364,367],{},[209,365,366],{},"API et base de données"," : Node.js, AdonisJS ou Express, PostgreSQL, Redis ou MongoDB, authentification et gestion des rôles, intégration de SSO.",[60,369,370,373],{},[209,371,372],{},"Mobile"," : applications iOS et Android avec Capacitor, notifications push, publication sur les stores.",[60,375,376,379],{},[209,377,378],{},"Hors ligne"," : stockage local avec IndexedDB et synchronisation des données lorsque le réseau revient.",[60,381,382,385],{},[209,383,384],{},"Qualité et livraison"," : tests, intégration et déploiement continus avec GitHub Actions, conteneurs Docker.",[60,387,388,391],{},[209,389,390],{},"Hébergement et maintenance"," : mise en ligne sur un serveur (Docker, Dokploy), sauvegardes, mises à jour et suivi, pour que l'application reste disponible sans que vous ayez à y penser.",[31,393,395],{"id":394},"web-pwa-ou-application-sur-les-stores","Web, PWA ou application sur les stores",[36,397,398],{},"Une PWA s'installe depuis le navigateur, fonctionne bien sur mobile et peut rester utilisable hors connexion : c'est souvent la solution la plus simple et la plus économique. Lorsque vous avez besoin d'une présence sur l'App Store et Google Play, de notifications natives ou de fonctions de l'appareil, je prolonge la même base de code avec Capacitor. Nous décidons ensemble, selon vos utilisateurs et votre budget, de la meilleure voie.",[31,400,402],{"id":401},"quelques-réalisations","Quelques réalisations",[36,404,405],{},"Le Sablais est une application web et mobile pour les habitants des Sables-d'Olonne et des communes voisines : dates de collecte des déchets selon l'adresse, notifications push, et une base technique prévue pour accueillir de nouveaux services. Pour Codes Rousseau, j'ai conçu une application mobile pour les formateurs d'auto-école, avec un module de synchronisation offline-first et une architecture de données en IndexedDB. Pour Tipik, j'ai été lead frontend d'une application RH qui intégrait un moteur de matching par IA.",[31,407,409],{"id":408},"une-méthode-simple","Une méthode simple",[36,411,412],{},"Chaque mission commence par un échange gratuit, puis un cadrage écrit. Je livre ensuite par étapes, sur un environnement de préproduction accessible, pour que vous puissiez tester et orienter le produit tôt. Après la mise en ligne, je peux assurer la maintenance et les évolutions à la demande.",[36,414,415,416,105],{},"Vous avez une idée d'application ou un outil à moderniser ? ",[96,417,418],{"href":293},"Parlons de votre projet sur la page devis",{"title":107,"searchDepth":11,"depth":11,"links":420},[421,422,423,424,425],{"id":337,"depth":11,"text":338},{"id":347,"depth":11,"text":348},{"id":394,"depth":11,"text":395},{"id":401,"depth":11,"text":402},{"id":408,"depth":11,"text":409},[427,428],"le-sablais","codes-rousseau-app-formateurs","SaaS, outil métier, app iOS\u002FAndroid ou PWA : applications web et mobiles sur mesure (Vue, Node.js, Capacitor…), de la maquette aux stores.",[431,434,437,440],{"question":432,"answer":433},"Faut-il développer une application native ou une application web ?","Cela dépend de l'usage. Une application web progressive (PWA) suffit souvent et se déploie plus vite. Quand l'application doit être publiée sur l'App Store et Google Play, ou accéder à des fonctions de l'appareil, j'emballe le même code web avec Capacitor, ce qui évite de développer deux applications séparées.",{"question":435,"answer":436},"Mon application pourra-t-elle fonctionner sans connexion ?","Oui, c'est possible. J'ai conçu une synchronisation offline-first avec IndexedDB pour l'application mobile des formateurs de Codes Rousseau. Il faut en revanche prévoir ce besoin dès la conception, car il influence l'architecture des données.",{"question":438,"answer":439},"Quelles technologies utilisez-vous côté serveur ?","Principalement Node.js (Express, AdonisJS) avec PostgreSQL, Redis ou MongoDB selon le besoin, et j'ai aussi travaillé avec GraphQL et Symfony. Je choisis la pile selon vos contraintes plutôt que par habitude.",{"question":441,"answer":442},"Pouvez-vous reprendre une application existante ?","Oui. Je commence par un audit rapide du code et de l'infrastructure, puis nous décidons s'il faut corriger, faire évoluer ou refondre. Voir aussi la page refonte et modernisation.","i-lucide-smartphone",{},{"title":332,"description":429},"Application web et mobile sur mesure",{"loc":9},"services\u002Fapplication-web-mobile","Des produits sur mesure, du MVP à la production : applications web, API, mobile avec Capacitor, usage hors ligne si le terrain l'exige.","i9eF33DVhKbcB_GeaG877fFKom_D6bbU_rK_iEqsaig",{"id":452,"title":453,"body":454,"cases":561,"crew":125,"description":563,"extension":124,"faq":564,"icon":577,"meta":578,"navTitle":14,"navigation":125,"ogImage":115,"order":15,"path":13,"robots":115,"schemaOrg":115,"seo":579,"seoTitle":580,"sitemap":581,"stem":582,"summary":583,"__hash__":584},"services\u002Fservices\u002Fintegration-ia.md","Intégration de l'IA : agents, assistants et automatisation",{"type":28,"value":455,"toc":554},[456,460,463,466,470,508,512,515,518,522,525,529,549],[31,457,459],{"id":458},"brancher-lia-sur-vos-outils-et-vos-données","Brancher l'IA sur vos outils et vos données",[36,461,462],{},"L'intelligence artificielle est utile quand elle s'insère dans un processus réel : lire un document, qualifier une demande, recommander une offre, préparer une réponse. Je conçois et intègre des agents, des assistants et des automatisations à vos applications et à vos outils, avec les modèles d'OpenAI, de Claude (Anthropic) ou de Mistral, selon ce qui convient le mieux à votre besoin, à votre budget et à vos contraintes de confidentialité.",[36,464,465],{},"Je suis développeur avant tout : l'IA que je mets en place est intégrée proprement dans un produit qui fonctionne, avec des tests, des journaux et une exploitation en production.",[31,467,469],{"id":468},"ce-que-je-mets-en-place","Ce que je mets en place",[57,471,472,478,484,490,496,502],{},[60,473,474,477],{},[209,475,476],{},"Assistants et recherche intelligente"," : questions-réponses sur vos documents, recherche vectorielle, aide à la saisie.",[60,479,480,483],{},[209,481,482],{},"Matching et recommandation"," : rapprocher des profils et des offres, ou des demandes et des ressources, comme sur Tipik.",[60,485,486,489],{},[209,487,488],{},"Extraction de données"," : lecture automatique de documents (CV, courriers, formulaires) pour pré-remplir ou structurer l'information.",[60,491,492,495],{},[209,493,494],{},"Agents et chaînes d'automatisation"," : plusieurs étapes enchaînées (analyser, produire, vérifier, livrer), chacune avec un rôle clair et des outils limités.",[60,497,498,501],{},[209,499,500],{},"Automatisation du quotidien"," : agents IA (je les utilise moi-même : Claude, OpenAI, DeepSeek, Mistral, Cursor et Hermes) pour prendre en charge les tâches répétitives de votre activité.",[60,503,504,507],{},[209,505,506],{},"Intégration à l'existant"," : API, files de tâches, webhooks, connexion à votre CRM ou à vos outils internes.",[31,509,511],{"id":510},"des-garde-fous-pas-de-magie","Des garde-fous, pas de magie",[36,513,514],{},"Un agent n'est utile que s'il est fiable. Chaque chaîne que je conçois prévoit des limites explicites : outils accessibles, périmètre de données, cas où la machine s'arrête et demande une validation. Les actions sont journalisées pour pouvoir comprendre et corriger un comportement. Rien ne part en production sans relecture humaine quand l'enjeu le justifie.",[36,516,517],{},"Une petite équipe de quatre mascottes, présentée plus bas sur cette page et sur la page d'accueil, illustre ce principe : l'une analyse, l'autre code, la troisième vérifie, la dernière livre, et un humain valide.",[31,519,521],{"id":520},"une-expérience-concrète-tipik","Une expérience concrète : Tipik",[36,523,524],{},"Pour Tipik, une application web RH destinée à l'AFM (Association Familiale Mulliez), j'ai intégré le moteur de matching par IA fondé sur OpenAI pour recommander des offres selon les profils, automatisé l'import de CV avec extraction des compétences et des expériences, et construit les modules autour : catalogue de profils recommandés, agenda partagé entre entreprises, SSO et back-office.",[31,526,528],{"id":527},"démarche-en-trois-temps","Démarche en trois temps",[262,530,531,537,543],{},[60,532,533,536],{},[209,534,535],{},"Cadrage"," : identifier le processus à automatiser, les données concernées et le résultat attendu.",[60,538,539,542],{},[209,540,541],{},"Prototype"," : une première version sur un cas d'usage précis, pour mesurer l'intérêt réel avant d'investir.",[60,544,545,548],{},[209,546,547],{},"Production"," : industrialisation, supervision, gestion des erreurs et des coûts d'utilisation des modèles, puis évolutions.",[36,550,551,552,105],{},"Vous voulez automatiser un process ou ajouter un assistant à votre produit ? ",[96,553,294],{"href":293},{"title":107,"searchDepth":11,"depth":11,"links":555},[556,557,558,559,560],{"id":458,"depth":11,"text":459},{"id":468,"depth":11,"text":469},{"id":510,"depth":11,"text":511},{"id":520,"depth":11,"text":521},{"id":527,"depth":11,"text":528},[562],"tipik","Agents IA, assistants et automatisation de processus avec OpenAI, Claude ou Mistral, intégrés à vos outils existants. Cadrage, prototype, production.",[565,568,571,574],{"question":566,"answer":567},"Mes données partent-elles chez OpenAI ou un autre fournisseur ?","Cela dépend de l'architecture retenue. Nous définissons ensemble quelles données sont envoyées au modèle, lesquelles restent chez vous et quel fournisseur utiliser (OpenAI, Claude, Mistral). Je vous aide à minimiser les données transmises et à lire les conditions d'utilisation de chaque fournisseur avant de décider.",{"question":569,"answer":570},"L'IA peut-elle se tromper ?","Oui, comme n'importe quel système automatique. C'est pourquoi je conçois les chaînes avec des étapes de vérification, des outils aux droits limités, un journal des actions et une validation humaine avant toute action sensible ou irréversible.",{"question":572,"answer":573},"Faut-il tout refaire pour ajouter de l'IA à mon application ?","Non, dans la plupart des cas. L'IA s'ajoute comme une brique à votre application existante, via une API, un traitement en arrière-plan ou un assistant dédié. Je commence par un prototype ciblé sur un seul cas d'usage.",{"question":575,"answer":576},"Quels cas d'usage sont les plus adaptés ?","Les tâches répétitives qui reposent sur du texte ou des documents : extraction d'informations, tri, résumés, recommandations, rédaction assistée, relais entre outils. Un échange de cadrage permet de vérifier si votre besoin se prête à l'automatisation.","i-lucide-bot",{},{"title":453,"description":563},"Intégration IA : agents, automatisation",{"loc":13},"services\u002Fintegration-ia","Des agents et assistants qui prennent en charge le répétitif, avec des garde-fous et une validation humaine là où ça compte.","5E7l1hzOp7P6jZMmpTzqv47XDgAlMfe6MSgwxvnWruw",{"id":586,"title":587,"body":588,"cases":680,"crew":123,"description":683,"extension":124,"faq":684,"icon":697,"meta":698,"navTitle":18,"navigation":125,"ogImage":115,"order":19,"path":17,"robots":115,"schemaOrg":115,"seo":699,"seoTitle":700,"sitemap":701,"stem":702,"summary":703,"__hash__":704},"services\u002Fservices\u002Frefonte-modernisation.md","Refonte et modernisation d'applications existantes",{"type":28,"value":589,"toc":673},[590,594,597,600,604,642,646,649,653,656,659,663,666],[31,591,593],{"id":592},"remettre-un-existant-daplomb-sans-tout-casser","Remettre un existant d'aplomb sans tout casser",[36,595,596],{},"Les applications vieillissent : versions de langage ou de framework en fin de vie, dépendances qu'on n'ose plus mettre à jour, interface incohérente, déploiements risqués. Une refonte ou une modernisation bien menée consiste à améliorer l'existant par étapes, en gardant ce qui marche, en sécurisant chaque changement et en laissant votre activité tourner.",[36,598,599],{},"Je suis intervenu sur des migrations de technologies et sur des refontes d'interfaces : passage de PHP 5.6 à 8.2 et de Symfony 3.3 à 5.4, migration d'un monolithe frontend vers des microfrontends, création d'un design system, ou encore reprise d'un site Nuxt 2 vers Nuxt 4.",[31,601,603],{"id":602},"ce-que-je-peux-faire","Ce que je peux faire",[57,605,606,612,618,624,630,636],{},[60,607,608,611],{},[209,609,610],{},"Audit"," : état du code, dépendances, tests existants, déploiement, points de risque et priorités.",[60,613,614,617],{},[209,615,616],{},"Migration de versions"," : PHP, Symfony, Vue 2 vers Vue 3, Nuxt 2 vers Nuxt 4, selon vos technologies.",[60,619,620,623],{},[209,621,622],{},"Microfrontends"," : découper un monolithe en blocs fonctionnels indépendants, migrés un par un.",[60,625,626,629],{},[209,627,628],{},"Design system"," : composants documentés (par exemple avec Storybook) pour harmoniser l'interface et accélérer les développements.",[60,631,632,635],{},[209,633,634],{},"Modernisation de l'API"," : introduction d'API Platform, de GraphQL ou de nouveaux services quand c'est pertinent.",[60,637,638,641],{},[209,639,640],{},"Mise en production"," : configuration de l'hébergement, intégration et déploiement continus, tests automatisés.",[31,643,645],{"id":644},"une-approche-progressive","Une approche progressive",[36,647,648],{},"Je privilégie des lots courts et livrables, plutôt qu'un grand soir risqué. Chaque étape est testée, déployée sur un environnement de préproduction, puis mise en ligne. Cela permet de garder une trace claire de ce qui change, de revenir en arrière en cas de problème et de continuer à faire évoluer le produit pendant la migration.",[31,650,652],{"id":651},"deux-exemples","Deux exemples",[36,654,655],{},"Chez Beekast, une plateforme d'animation de réunions et d'ateliers collaboratifs, j'ai été lead frontend sur la refonte complète : conception du design system, migration de blocs fonctionnels vers des microfrontends avec single-spa, développement de nouveaux écrans et backend Node.js avec GraphQL, en participant aux décisions techniques de l'équipe.",[36,657,658],{},"Pour les éditions du vieux crayon, j'ai migré le projet de PHP 5.6 vers 8.2 et de Symfony 3.3 vers 5.4, intégré API Platform, développé de nouvelles fonctionnalités, puis configuré et hébergé le projet en production.",[31,660,662],{"id":661},"et-pour-votre-site","Et pour votre site ?",[36,664,665],{},"La même logique s'applique à un site web : conserver les contenus et les adresses qui comptent, moderniser la technique, améliorer la vitesse et l'accessibilité, puis vérifier le référencement après la bascule.",[36,667,668,669,672],{},"Vous avez une application ou un site à moderniser ? ",[96,670,671],{"href":293},"Parlons-en sur la page devis"," : je commence par comprendre l'existant avant de proposer un plan.",{"title":107,"searchDepth":11,"depth":11,"links":674},[675,676,677,678,679],{"id":592,"depth":11,"text":593},{"id":602,"depth":11,"text":603},{"id":644,"depth":11,"text":645},{"id":651,"depth":11,"text":652},{"id":661,"depth":11,"text":662},[681,682],"beekast","editions-du-vieux-crayon","Refonte et migration d'applications existantes : Nuxt 2 vers Nuxt 4, Symfony, PHP 8, design system, microfrontends. Sans casser l'existant.",[685,688,691,694],{"question":686,"answer":687},"Vaut-il mieux refaire l'application ou la faire évoluer ?","Il n'y a pas de réponse unique. Je commence par un audit du code, des dépendances, de la dette technique et des risques, puis je compare une migration progressive et une refonte complète selon votre budget, vos délais et ce qui doit rester disponible pendant le chantier.",{"question":689,"answer":690},"Mon application restera-t-elle disponible pendant la migration ?","C'est l'objectif de l'approche par étapes. Selon le cas, je migre bloc par bloc (comme avec des microfrontends) ou je prépare la nouvelle version en parallèle avant une bascule planifiée.",{"question":692,"answer":693},"Pouvez-vous migrer un site Nuxt 2 vers Nuxt 4 ?","Oui. C'est exactement la démarche appliquée à mon propre site, passé de Nuxt 2 à Nuxt 4, avec reprise des contenus, redirections des anciennes URL et vérification du référencement. Pour une application plus grosse, nous découpons le chantier en lots.",{"question":695,"answer":696},"Que se passe-t-il pour mon référencement lors d'une refonte de site ?","Je prévois dès le départ les redirections 301 des anciennes adresses, la conservation des contenus qui fonctionnent, les balises et le plan du site, puis une vérification après mise en ligne.","i-lucide-refresh-cw",{},{"title":587,"description":683},"Refonte et modernisation d'application",{"loc":17},"services\u002Frefonte-modernisation","Migrer sans tout casser : montées de version, microfrontends, design system, avec un plan par étapes.","GRKRx_VvBXRm_JhDV5Dbw8kO6AjHz6tXkKVKL-Q-beA",{"id":706,"title":707,"body":708,"cases":803,"crew":123,"description":804,"extension":124,"faq":805,"icon":818,"meta":819,"navTitle":22,"navigation":125,"ogImage":115,"order":23,"path":21,"robots":115,"schemaOrg":115,"seo":820,"seoTitle":821,"sitemap":822,"stem":823,"summary":824,"__hash__":825},"services\u002Fservices\u002Fdeveloppeur-freelance-vue-nuxt.md","Développeur freelance Vue.js et Nuxt en renfort d'équipe",{"type":28,"value":709,"toc":796},[710,714,717,724,728,764,768,771,775,778,782,785],[31,711,713],{"id":712},"un-renfort-technique-qui-sintègre-à-votre-équipe","Un renfort technique qui s'intègre à votre équipe",[36,715,716],{},"Votre équipe a besoin d'un développeur frontend expérimenté pour lancer un produit, tenir un calendrier ou apporter une compétence précise ? J'interviens en freelance, en renfort ou comme lead frontend, avec une prise de poste rapide et une communication claire. Je travaille à distance, depuis les Sables-d'Olonne, avec des équipes partout en France.",[36,718,719,720,723],{},"Avec ",[721,722],"years-experience",{}," ans d'expérience en développement fullstack JavaScript, je me spécialise sur l'écosystème Vue.js et Nuxt, avec TypeScript, Node.js et une bonne connaissance du produit : je ne me contente pas d'exécuter des tickets, je participe à la réflexion sur ce qui est utile.",[31,725,727],{"id":726},"ce-que-japporte-à-une-équipe","Ce que j'apporte à une équipe",[57,729,730,736,741,747,753,758],{},[60,731,732,735],{},[209,733,734],{},"Architecture frontend"," : structure de projet, conventions, gestion d'état, découpage en composants et en microfrontends si l'application le justifie.",[60,737,738,740],{},[209,739,628],{}," : composants réutilisables et documentés, par exemple avec Storybook, pour garder une interface cohérente.",[60,742,743,746],{},[209,744,745],{},"Qualité"," : revues de code, tests, intégration continue, accessibilité, performance.",[60,748,749,752],{},[209,750,751],{},"Fullstack si besoin"," : API Node.js (Express, AdonisJS, GraphQL), bases de données et déploiement, pour ne pas bloquer l'équipe sur les sujets transverses.",[60,754,755,757],{},[209,756,14],{}," : ajout de fonctionnalités reposant sur OpenAI, Claude ou Mistral dans un produit existant.",[60,759,760,763],{},[209,761,762],{},"Transmission"," : présentation de frameworks et bonnes pratiques à l'équipe, documentation, accompagnement des profils moins expérimentés.",[31,765,767],{"id":766},"comment-je-travaille-avec-vous","Comment je travaille avec vous",[36,769,770],{},"Je m'adapte à vos outils et à vos rituels : tickets, revues de code, points d'équipe, Agile ou Scrum. J'ai l'habitude de travailler aussi bien avec des équipes produit qu'avec des équipes réduites où il faut être autonome. Je documente mes choix techniques, je privilégie les livraisons fréquentes et je préviens tôt lorsqu'un point bloque.",[31,772,774],{"id":773},"missions-de-référence","Missions de référence",[36,776,777],{},"Chez Beekast, j'ai été lead frontend sur la refonte d'une application collaborative : design system, microfrontends, nouveaux écrans issus des maquettes, backend Node.js avec GraphQL, participation aux réunions de décision technique et aux rituels Agile. Pour Tipik, j'ai été lead développeur frontend Vue.js sur une application RH intégrant l'IA, avec SSO pour toutes les entités du groupe et un back-office de gestion des rôles.",[31,779,781],{"id":780},"compétences-principales","Compétences principales",[36,783,784],{},"Vue.js 2 et 3, Nuxt, TypeScript, JavaScript, Node.js, AdonisJS, Express, GraphQL, PostgreSQL, Redis, Docker, GitHub Actions, Capacitor, Tailwind CSS, Storybook, tests automatisés, intégration d'API d'IA.",[36,786,787,788,791,792,105],{},"Vous cherchez un renfort pour votre équipe ? ",[96,789,790],{"href":293},"Décrivez votre contexte sur la page devis",", ou consultez mon ",[96,793,795],{"href":794},"\u002Fa-propos\u002F#experiences","parcours détaillé",{"title":107,"searchDepth":11,"depth":11,"links":797},[798,799,800,801,802],{"id":712,"depth":11,"text":713},{"id":726,"depth":11,"text":727},{"id":766,"depth":11,"text":767},{"id":773,"depth":11,"text":774},{"id":780,"depth":11,"text":781},[681,562],"Renfort technique ou lead frontend Vue.js \u002F Nuxt en freelance, intégré à votre équipe, en full remote : architecture, design system, qualité.",[806,809,812,815],{"question":807,"answer":808},"Travaillez-vous uniquement en remote ?","Je travaille en full remote avec toute la France, depuis les Sables-d'Olonne. Je peux me déplacer ponctuellement, notamment en Vendée et dans la région de Nantes, pour un atelier de lancement ou une réunion importante.",{"question":810,"answer":811},"Quelle est la durée minimale d'une mission ?","Elle dépend du besoin. J'ai réalisé des missions courtes (un site en quelques semaines) comme des collaborations de plusieurs années. Parlons de votre contexte pour définir le format le plus adapté.",{"question":813,"answer":814},"Savez-vous travailler dans une équipe Agile ?","Oui. J'ai participé aux rituels Agile et Scrum, aux revues de code, aux décisions techniques et au suivi des tickets, au sein d'équipes produit comme chez Beekast.",{"question":816,"answer":817},"Pouvez-vous reprendre un projet Vue 2 ou Nuxt 2 ?","Oui. Je connais les deux générations de Vue.js et peux maintenir un existant Vue 2 tout en préparant la migration vers Vue 3 et Nuxt 4.","i-lucide-users",{},{"title":707,"description":804},"Développeur freelance Vue.js et Nuxt",{"loc":21},"services\u002Fdeveloppeur-freelance-vue-nuxt","Lead frontend ou développeur senior intégré à votre équipe, en mission freelance, avec les pratiques qui vont avec.","NUyagXrF66ZVm1DLqpZpsRhppvlLP3gnAkQwuFIe52Y",1791300037751]