# Dimitri Dumont - Développeur React & Next.js freelance > Développeur frontend senior freelance spécialisé React et Next.js avec 8+ ans d'expérience et 45 missions réalisées. Basé en France, full-remote. Stack : TypeScript, React, Next.js, Node.js, TailwindCSS. Accompagne startups et PME sur le lancement de produits, la refonte d'applications, le renfort d'équipe et l'audit de code. ## Contact - Email : contact@dimitri-dumont.fr - Téléphone : 06 78 82 12 80 - TJM : 550€ HT/jour ## Services - [Développement de produit](https://www.dimitri-dumont.fr/services/lancement-produit): Développement MVP et premiers sprints pour lancer votre produit rapidement - [Migration & Refonte](https://www.dimitri-dumont.fr/services/refonte): Migration et modernisation d'applications existantes vers React & Next.js - [Renfort d'équipe](https://www.dimitri-dumont.fr/services/renfort-equipe): Intégration en équipe existante pour accélérer le développement - [Audit de code](https://www.dimitri-dumont.fr/services/audit-code): Revue technique approfondie avec recommandations actionnables ## Expertises - [Développeur React freelance](https://www.dimitri-dumont.fr/developpeur-react-freelance): Développeur React freelance senior pour applications web performantes - [Développeur Next.js freelance](https://www.dimitri-dumont.fr/developpeur-nextjs-freelance): Développeur Next.js freelance senior pour applications full-stack ## Réalisations - [Batiservices](https://www.dimitri-dumont.fr/realisations/batiservices): Développement et migration progressive d'un ERP métier BTP depuis une solution low-code (Retool) vers une application web sur mesure, en React avec les routes API et requêtes SQL Server de chaque fonctionnalité. - [Marki](https://www.dimitri-dumont.fr/realisations/marki): Création d'un SaaS d'abonnement à des plans alimentaires : landing page, tunnel de vente, paiement récurrent et authentification, en React et Next.js. - [Nalo](https://www.dimitri-dumont.fr/realisations/nalo): Renfort de l'équipe front-end pendant la refonte de l'espace client d'une fintech de gestion d'épargne, en React et Next.js. - [Helloréno](https://www.dimitri-dumont.fr/realisations/helloreno): Migration d'un site de simulateurs de Create React App vers Next.js pour gagner en SEO et en performances grâce au pre-rendering. - [SOS Accessoires](https://www.dimitri-dumont.fr/realisations/sos-accessoires): Refonte d'un site du client avec une forte exigence de performance, en React, Next.js v15 et Express, avec API gateway et CMS headless. - [Flim](https://www.dimitri-dumont.fr/realisations/flim): Refonte technique du front d'une plateforme de références visuelles : refactoring, nouvelles fonctionnalités et stratégie SEO avec Next.js. - [Cyclofix](https://www.dimitri-dumont.fr/realisations/cyclofix): Développement front de plusieurs applications React et React Native pour un service de réparation de vélos à domicile. - [Dalya](https://www.dimitri-dumont.fr/realisations/dalya): Développement front et back d'une application de facturation pour indépendants, en React, Next.js et Supabase, suivant une approche DDD, CQRS et architecture hexagonale. - [Kastorr](https://www.dimitri-dumont.fr/realisations/kastorr): Développement et pilotage de la partie front d'un SaaS de gestion de formations en React et Next.js, avec responsabilité sur l'architecture et la qualité. - [Faneo](https://www.dimitri-dumont.fr/realisations/faneo): Développement front d'une plateforme de coaching pour musiciens en tant que Lead front-end et chef de projet, avec migration de React vers Next.js. - [Exa Market](https://www.dimitri-dumont.fr/realisations/exa-market): Développement front de deux plateformes et d'un chat liés à la blockchain Algorand, en React et Next.js. - [Worldfans](https://www.dimitri-dumont.fr/realisations/worldfans): Développement de la partie front d'un réseau social en tant que Lead front-end, en Next.js, React et TypeScript. - [Vivréavannes](https://www.dimitri-dumont.fr/realisations/vivreavannes): Intégration de Stripe (Connect & Billing) à un site existant et création d'une API reliant le site à Colissimo pour l'étiquetage des colis. - [Open Slide Services](https://www.dimitri-dumont.fr/realisations/open-slide-services): Réalisation d'un site d'inscription multi-étapes pour le Congrès mondial de la santé pulmonaire 2020 à Séville, en React (Gatsby). ## Articles de blog - [Pourquoi votre application React est lente en 2026 ?](https://www.dimitri-dumont.fr/blog/application-react-lente-diagnostic): Votre application React rame ? Méthode pour diagnostiquer les vraies causes (bundle, re-renders, INP) et les corriger, sans optimiser au hasard, en 2026. - [Combien coûte le développement d'un SaaS en 2026 ?](https://www.dimitri-dumont.fr/blog/combien-coute-developpement-saas-2026): Le prix réel du développement d'un SaaS en 2026 : fourchettes de budget, facteurs de coût, impact de l'IA et comparatif honnête freelance, agence ou no-code. - [GEO Next.js : se faire citer par ChatGPT et Perplexity](https://www.dimitri-dumont.fr/blog/geo-nextjs-chatgpt-perplexity): Le GEO rend votre site Next.js citable par ChatGPT, Perplexity et Google AI. Guide technique : données structurées, llms.txt, SSR et métadonnées. - [React.cache() : guide pratique pour Server Components](https://www.dimitri-dumont.fr/blog/react-cache-guide-server-components): React.cache() déduplique les requêtes et garantit la consistance des données entre Server Components. Patterns concrets avec Next.js et erreurs à éviter. - [Code généré par IA : 7 patterns que je refuse en review](https://www.dimitri-dumont.fr/blog/code-review-ia-patterns-refuses): Checklist concrète pour reviewer du code généré par IA en React et TypeScript : any, composants monolithiques, useEffect, sécurité. Exemples avant/après. - [Anti-patterns React en 2026 : 6 erreurs courantes](https://www.dimitri-dumont.fr/blog/anti-patterns-react-2026): useState vs useRef, useEffect pour l'état dérivé, props dans le state : les 6 anti-patterns React les plus fréquents avec leurs corrections avant/après. - [Développeur React freelance, agence ou CDI : comment choisir ?](https://www.dimitri-dumont.fr/blog/developpeur-react-freelance-agence-cdi-comment-choisir): Freelance, agence ou CDI pour votre projet React ou Next.js ? Comparatif objectif 2026 : critères de décision, coûts, délais et pièges à éviter. - [ESLint, Prettier, Husky : automatiser la qualité du code en 2026](https://www.dimitri-dumont.fr/blog/eslint-prettier-automatiser-qualite-code-2026): Guide ESLint 9+ flat config et Prettier pour TypeScript/React : plugins essentiels, protection architecturale, Husky, et automatisation adaptée à l'ère de l'IA. - [Design System React en monorepo : Turborepo et packages internes](https://www.dimitri-dumont.fr/blog/design-system-react-monorepo-turborepo): Créez un design system React partagé entre vos apps Next.js avec Turborepo et pnpm. Setup complet : packages internes, Tailwind v4, CI/CD Vercel. - [Code review : objectifs, impacts et bonnes pratiques en 2026](https://www.dimitri-dumont.fr/blog/code-review-objectifs-impacts-bonnes-pratiques): Qu'est-ce qu'une code review ? Ses objectifs réels, son impact business, et les outils pour la faire efficacement avec l'IA en 2026. - [Principes SOLID en React et Next.js : guide pratique](https://www.dimitri-dumont.fr/blog/solid-principles-react-nextjs-typescript): Les principes SOLID appliqués à React et Next.js : problèmes concrets qu'ils résolvent, exemples concis en TypeScript, et quand les utiliser. - [Value Objects TypeScript : types métier avec Zod](https://www.dimitri-dumont.fr/blog/value-objects-zod-typescript): Créez des types métier TypeScript avec Zod : Price, Weight. Le pattern Value Object + factory élimine les bugs de primitives et centralise vos règles métier. - [Zod aux frontières : valider les données au-delà des formulaires](https://www.dimitri-dumont.fr/blog/zod-validation-api-typescript): Validez vos réponses API, search params et données serveur avec Zod. Protégez votre TypeScript des données externes non fiables. - [Dette technique et IA : 4 signaux d'alerte pour votre projet Next.js](https://www.dimitri-dumont.fr/blog/projets-nextjs-ia-quand-stabiliser): Claude Code, Cursor, Copilot... L'IA amplifie vos pratiques, bonnes comme mauvaises. Quand et comment stabiliser avant le point de rupture. - [Result Pattern vs Throw : Gérer les erreurs proprement en TypeScript](https://www.dimitri-dumont.fr/blog/result-pattern-vs-throw-typescript): Découvrez comment le pattern Result remplace avantageusement throw/try-catch en TypeScript. Exemples concrets avant/après avec validations, Server Actions Next.js et appels API. - [Combien coûte un développeur React freelance en 2026 ?](https://www.dimitri-dumont.fr/blog/combien-coute-developpeur-react-freelance-2026): Guide complet des tarifs développeur React et Next.js freelance en 2026 : TJM par niveau d'expérience, comparatif freelance vs agence vs salarié, et conseils pour optimiser votre budget. - [Tests Next.js : Tester les comportements, pas l'UI](https://www.dimitri-dumont.fr/blog/tests-nextjs-tester-comportements-pas-ui): Ma philosophie de tests pour Next.js : fakes plutôt que mocks, un expect par test, et logique extraite des composants. - [Comment scaler un projet SaaS ou e-commerce après un MVP développé rapidement](https://www.dimitri-dumont.fr/blog/scaler-apres-mvp-rapide): Du MVP rapide au produit scalable : audit, architecture, dette technique, performances, organisation. Méthode concrète avec React, Next.js, TypeScript, Supabase et Tailwind. - [Refonte projet web : comment éviter de tout refaire tous les 3 ans](https://www.dimitri-dumont.fr/blog/eviter-refonte-projet-web): SaaS, e-commerce, applications web : comment éviter la refonte complète tous les 3 ans ? Découvrez des solutions pour des projets durables et évolutifs. - [Comment rédiger des tickets efficaces pour vos développeurs](https://www.dimitri-dumont.fr/blog/rediger-tickets-efficaces-developpeurs): Découvrez nos conseils pour rédiger des tickets clairs et précis qui boostent la productivité de vos développeurs. - [Utiliser les object literals pour ameliorer les conditions](https://www.dimitri-dumont.fr/blog/using-object-literals-to-improve-conditional-statements-in-typescript): Presentation des object literals dans le but d'ameliorer la lisibilite et la qualite des conditions en Typescript. - [Quelle librairie de gestion d'état utiliser avec React & Next.js ?](https://www.dimitri-dumont.fr/blog/state-management-libraries-with-react-next-js): Découvrez les librairies de gestion d'état les plus utilisées pour développer un projet avec React & Next.js : Context, Redux, Zustand, Recoil, Jotai et MobX. - [Quels outils pour créer un SaaS en 2026 ? La stack recommandée](https://www.dimitri-dumont.fr/blog/which-tools-to-use-to-create-saas): La stack d'outils pour créer un SaaS en 2026 : langage, framework, base de données, paiements, emails. Une recommandation claire pour chaque choix. - [Top 5 des frameworks pour créer un SaaS en 2026](https://www.dimitri-dumont.fr/blog/top-5-frameworks-to-create-saas): React, Next.js, Vue, Svelte ou Angular : le top 5 des frameworks pour créer un SaaS en 2026, avec une recommandation claire selon votre projet et votre équipe. - [Comment utiliser Promise.all pour optimiser les performances dans un projet front-end ?](https://www.dimitri-dumont.fr/blog/how-to-use-promise-all-to-optimize-performance-in-front-end): Tutoriel pour optimiser les performances d'un projet front-end en utilisant Promise.all. - [Intégrer Lighthouse CI dans un projet Next.js avec GitHub Actions](https://www.dimitri-dumont.fr/blog/how-to-setting-up-lighthouse-ci-with-next-js-and-github): Comment configurer Lighthouse CI dans un projet Next.js avec GitHub Actions pour automatiser les audits de performance, accessibilité et SEO sur mobile et desktop. - [Implémenter une Basic Auth dans Next.js App Router](https://www.dimitri-dumont.fr/blog/how-to-implement-basic-auth-next-js-app-directory): Comment implémenter une authentification HTTP (Basic Auth) dans un projet Next.js v14+ avec l'App Router ? Tutoriel complet avec middleware et route handler. - [Les discriminated union types en TypeScript](https://www.dimitri-dumont.fr/blog/discriminated-union-type-typescript): Qu'est-ce que sont les discriminated union types en TypeScript et comment les utiliser dans un projet React et Next.js ? Exemples concrets avec gestion d'états, API versionnées et Redux. - [Tutoriel pour traduire une app Next.js v13+ avec l'app router](https://www.dimitri-dumont.fr/blog/how-to-translate-next-js-app-directory): Comment traduire son application Next.js avec l'app router et les server components ? Guide complet avec next-international. - [Pourquoi utiliser Typescript dans un project React & Next.js ?](https://www.dimitri-dumont.fr/blog/why-use-typescript-for-a-react-next-js-project): Pourquoi il est plus intéressant et productif de développer votre projet React & Next.js en Typescript plutôt qu'en Javascript. - [Découper le travail en front-end : front of front-end et back of front-end](https://www.dimitri-dumont.fr/blog/front-of-front-end-and-back-of-front-end): Découvrez comment découper le travail en front-end pour mieux organiser votre équipe de développeurs front-end et améliorer la qualité de votre projet web. - [Comment recruter un développeur front-end freelance ?](https://www.dimitri-dumont.fr/blog/comment-recruter-un-developpeur-front-end-freelance): Découvrez nos conseils pour vous aider à recruter efficacement et rapidement les meilleurs développeurs front-end freelances pour votre projet web. - [Tutoriel pour configurer et déployer un projet Next.js](https://www.dimitri-dumont.fr/blog/tutorial-to-setting-up-and-deploy-next-js-project): L'objectif de ce guide est d'expliquer comment configurer un projet Next.js avec ESLint, Prettier et Typescript et comment le déployer sur Vercel avec GitHub. - [Inversion de dépendances en front-end avec React & Next.js](https://www.dimitri-dumont.fr/blog/dependency-inversion-front-end): Qu'est-ce que l'inversion et l'injection de dépendances et pourquoi l'utiliser en front-end ? Exemple concret d'un projet front-end en React.js et Next.js - [Architecture hexagonale en front-end avec React & Next.js](https://www.dimitri-dumont.fr/blog/hexagonal-architecture-front-end): Qu'est-ce que l'architecture hexagonale et pourquoi l'utiliser en front-end ? Explications et exemple concret d'un projet front-end en React et Next.js ## Liens - [Site web](https://www.dimitri-dumont.fr) - [LinkedIn](https://www.linkedin.com/in/dimitri-dumont/) - [GitHub](https://github.com/dimitridumont) - [Malt](https://www.malt.fr/profile/dimitridumont) - [Flux RSS](https://www.dimitri-dumont.fr/feed.xml)