InfrastructureDunelm

Migration to Micro-Frontends

300% more frequent deployments

AWSReact TypeScriptMicro-frontendsTailwind CSS
Migration to Micro-Frontends

Dunelm's storefront lived in one monolithic repo, so every team stepped on each other and deploys were fragile. I helped break it apart into independently deployable micro-frontends.

What I did

  • Split shared surfaces — header, footer and core components — into standalone micro-frontends.
  • Built features in React, TypeScript and Tailwind CSS, and fixed bugs on the legacy site.
  • Shipped through GitLab pipelines on AWS (including CloudFormation), with Jest unit tests.
  • Worked closely with UX and QA, and joined hackathons to trial new tech.

Impact

Teams could ship independently — deployment frequency rose ~300% and Core Web Vitals improved across the platform.

THE CHALLENGE

Dunelm’s frontend lived in one legacy monolith. Teams blocked each other, pipelines were fragile, and a single bad merge could stall every release across a retailer serving millions of customers.

THE TECHNICAL SOLUTION

Decoupled the monolith into independently deployable micro-frontends on AWS, backed by a shared design system and robust CI/CD pipelines — so every team could ship on its own schedule.

KEY BUSINESS OUTCOME

Deployment frequency rose 300%. Teams shipped without waiting on each other, and Core Web Vitals improved across the platform.

← Back to all projects