<- Back

Modernizing CDN77's Internal App

Refactor + design-system migration of a three-year-old Next.js app to improve performance, maintainability, and developer velocity.

Role: Full-Stack DeveloperDuration: 21 monthsStack: Next.js, TS, Node.js, REST/GraphQL, Tailwind CSS, Vitest

Quick Results

  • Swapped legacy UI for a custom design system—consistent, future-proof UI
  • Refactored for modularity—less coupling, cleaner code
  • Integrated tests—deployment confidence, fewer regressions
  • Ship velocity increased
  • Scalable foundation set for next-gen app work

Client & Context

CDN77 is a global content delivery network (CDN) provider. Combining full live streaming and video-on-demand (VOD) services, CDN77 delivers seamless user experiences for its customers, covering everything from video streaming to infrastructure management.

Problem / Constraints

  • Legacy patterns slowing feature work
  • Third-party UI lock-in
  • Low test coverage → fragile deploys
  • Refactor while shipping

Approach

  • Migrated from deprecated UI components to a custom design system
  • Refactored monolithic components into modular ones with clear boundaries
  • Added integration and unit tests with CI enforcement
  • Performance audit with bundle optimizations

Solution Highlights

  • New DS across key flows
  • Lower coupling, clearer boundaries
  • CI-backed tests prevent regressions
  • Kept delivery on schedule

Results

  • New features shipped seamlessly
  • PR reviews faster and more confident
  • Reduced bug chatter in deployment channels
  • Onboarding new team members became smoother due to clearer patterns

Learnings

Refactoring and adding tests on the go doesn’t block delivery—it sets you up for sustainable velocity.