You're seeing this page as if you were . The main menu is still yours, though. Exit from immersion
Mehdi HamriMH

Mehdi Hamri

Senior Front-end Developer | React & Next.js

€550/day
1 project
Paris, FR
8-15 years

Average response time: 1 hour

Freelancer profile translated to English.
Back to original language

About Mehdi

Senior Front-end Developer specializing in React & Next.js, I work on products requiring redesign, migration, or technical maturity enhancement. For over 13 years, I've been helping teams make their front-end faster, more stable, and better structured.


My approach: clarify architecture, reduce technical debt, and build performant, coherent, and sustainable interfaces. Accustomed to demanding environments, I know how to structure, mentor, and deliver reliable solutions aligned with the product vision.
  • French

    Native or bilingual

  • English

    Fluent

Can work on-site
Paris (up to 20km)

Experience

  • Tinubu Square
    Senior Front-end Developer
    DIGITAL AND IT
    August 2025 - Today (10 months)
    Paris, France
    Context:
    Complete modernization of a B2B SaaS platform with strong challenges in performance, architecture, and UI/UX standardization.

    đź§ What I implemented:
    • Creation from scratch of a complete Design System (Shadcn UI, Tailwind CSS, TypeScript, Storybook) to standardize the product experience and accelerate delivery.
    • Leadership of the migration of a legacy application to Next.js, defining the architecture, conventions, and code splitting strategy.
    • Advanced performance optimization (Core Web Vitals): dynamic code splitting, lazy loading, caching strategies, and optimized images.
    • Architecture for complex dynamic forms based on JSONForm (JSON Schema / UI-Schema): multi-step management, business logic conditions, and typed validation.
    • Design of a highly configurable and multilingual interface (i18n), adapted to different markets and devices.
    • Implementation of a solid software quality strategy: unit and integration tests (Vitest), end-to-end tests (Playwright), integrated CI/CD.

    🛠️ Stack & tools:
    TypeScript • React • Next.js • TailwindCSS • Shadcn/UI • JSONForm • Storybook • Vitest • Playwright • Git • CI/CD

    đź§© Impact:
    • Significant reduction in loading time and maintenance costs.
    • Front-end foundation now stable, scalable, and ready for product evolution.
    • Adoption of the design system by all teams, creating a common visual and technical foundation.




    Next.js Shadcn Typescript React.js TailwindCSS
  • OnlyDust
    Senior Front-end Developer
    TECH
    October 2023 - May 2025 (1 year and 7 months)
    Paris, France
    Context:
    Complete redesign of a legacy application for a high-visibility tech platform, with long-term challenges in performance, scalability, and user experience.

    đź§ What I implemented:
    • Complete migration to Next.js (App Router) with SSR/SSG, optimizing SEO, rendering time, and overall performance.
    • Implementation of a modular architecture inspired by Clean Architecture, enhancing front-end maintainability, testability, and scalability.
    • Implementation of a robust, TypeScript-typed design system, documented in Storybook, ensuring UI/UX consistency across the entire product ecosystem.
    • Auth0 integration for secure authentication, with advanced session, role, and permission management.
    • Seamless connection with third-party APIs (GitHub OAuth, React Query) for identity management and real-time data.
    • Codebase rationalization: strict linting, commit conventions, automated CI, systematic unit tests.
    • Performance optimization: code splitting, lazy loading, selective memoization, and continuous work on accessibility and UX responsiveness.
    • Data-driven instrumentation with PostHog: tracking user journeys, funnels, and in-app behaviors to guide product priorities.
    • Advanced monitoring via Datadog: custom dashboards, real-time alerting, and tracking of critical metrics (API latency, frontend errors).

    🛠️ Stack & tools:
    TypeScript • React • Next.js (App Router) • TailwindCSS • Auth0 • React Query • Storybook • PostHog • Datadog • Vitest • GitHub Actions • CI/CD

    🚀 Impact:
    • +45% improvement in Core Web Vitals (LCP, FID, CLS).
    • Significant reduction in technical debt and average delivery time.
    • Adoption of the design system by all front-end and design teams.
    • More stable, measurable product aligned with the company's data-driven strategy.


    Next.js Typescript React.js TailwindCSS
  • SociĂ©tĂ© GĂ©nĂ©rale - BDDF
    Lead Frontend Developer / API Architect
    BANKING AND INSURANCE
    October 2018 - May 2023 (4 years and 6 months)
    Paris, France
    Context:
    Strategic mission focused on IT system modernization, front-end standardization, and API governance at the group level.

    🏗️ SG-APIM – API Management Platform
    • Migration from IBM-APIM to a custom solution aligned with SG standards.
    • Development of multi-brand front-end portals (React / TypeScript).
    • Migration of thousands of APIs to new gateways and continuous product enhancement.

    🎨 AWT – Unified Foundation & Design System
    • Creation of a unified React design system and a shared development foundation across entities.
    • Promotion of code sharing and internal contribution (tooling, Storybook documentation).

    💻 URTA – Mainframe System Modernization
    • Redesign of 20+ legacy applications into React micro-frontends + Java APIs.
    • Design of front-end/back-end architectures and mentoring of a team of 6-8 developers.

    🤝 SG Partners – TPP Integration Portal (DSP2)
    • Replacement of Konsentus/Preta with a custom tool for TPP integration.
    • Creation of the internal SG repository and associated APIs.

    🛠️ Stack:
    TypeScript • React • Node.js • Java • Redux • REST / GraphQL • API Gateway • Docker • Jenkins • Storybook • GitLab CI/CD

    🚀 Impact:
    • Successful migration of an ecosystem of +2,000 APIs.
    • Standardization of the front-end through a common React foundation.
    • Major reduction in technical debt and improved UX consistency.
    • Accelerated delivery and widespread adoption of new internal tools.


    React.js JavaScript (ES6+) styled-components OAuth2 AWS

Recommendations

Hayden ClearyHC
Thomas DinhTD
Hayden Cleary and 1 other person have recommended Mehdi

These freelancer profiles also match your criteria

AgathaA

Agatha Frydrych

Backend Java Software Engineer

4.7

(3)

2

BaptisteB

Baptiste Duhen

Fullstack developer

4.6

(4)

5

AmedA

Amed Hamou

Senior Lead Developer

4

(2)

7

AudreyA

Audrey Champion

Web developer

4.3

(3)

4

Education

  • Master's - Digital Transformation Management
    IIM - Léonard de Vinci
    2014
  • Bachelor's - Multimedia Project Management
    IIM - Léonard de Vinci
    2012

Skill set

Categories