Modernizing CDN77's Internal App

Q: What did Alex Devero do at CDN77?

As a Full-Stack Developer, Alex modernised CDN77’s internal Next.js application — migrating from deprecated UI components to a custom design system, refactoring monolithic components into modular ones, and adding integration and unit tests with CI enforcement.

Q: What was the outcome of the CDN77 project?

A consistent custom design system across key flows, lower coupling and clearer boundaries, CI-backed tests that prevent regressions, faster and more confident pull-request reviews, and smoother onboarding — delivered without blocking feature work.

Q: What technologies were used on the CDN77 project?

Next.js, TypeScript, Node.js, REST and GraphQL APIs, Tailwind CSS, and Vitest for testing.

Q: What is CDN77?

CDN77 is a global content delivery network (CDN) provider offering live streaming and video-on-demand (VOD) services, from video delivery to infrastructure management.

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

Role: Full-Stack DeveloperDuration: 31 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

See more work

Company & 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.

Frequently asked questions

What did Alex Devero do at CDN77?

As a Full-Stack Developer, Alex modernised CDN77’s internal Next.js application — migrating from deprecated UI components to a custom design system, refactoring monolithic components into modular ones, and adding integration and unit tests with CI enforcement.

What was the outcome of the CDN77 project?

A consistent custom design system across key flows, lower coupling and clearer boundaries, CI-backed tests that prevent regressions, faster and more confident pull-request reviews, and smoother onboarding — delivered without blocking feature work.

What technologies were used on the CDN77 project?

Next.js, TypeScript, Node.js, REST and GraphQL APIs, Tailwind CSS, and Vitest for testing.

What is CDN77?

CDN77 is a global content delivery network (CDN) provider offering live streaming and video-on-demand (VOD) services, from video delivery to infrastructure management.

See more work