Modernizing CDN77's Internal App: From Legacy to High-Performance Next.js
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.
Context:
Brought on as a full-stack TypeScript, React, and Next.js developer to modernize CDN77's internal application. The goal was to enhance performance, scalability, and user experience while contributing to other key company projects.
Responsibilities:
- – Led the modernization of CDN77's three-year-old Next.js app, enhancing performance, scalability, and user experience.
- – Refactored major parts of the codebase to improve maintainability and reduce technical debt.
- – Migrated the UI from Ant Design to a custom design system, delivering a modern and cohesive interface.
- – Modularized the codebase, enabling faster development cycles and easier future scaling.
- – Introduced and standardized frontend testing workflows, improving test coverage and code reliability.
- – Worked closely with stakeholders to plan and deliver features aligned with business goals and user needs.
Impact & Achievements:
- – Successfully modernized the Next.js codebase, improving maintainability, reducing page load times, and enabling smoother feature development.
- – Delivered a seamless migration from Ant Design to a custom design system, enhancing UI performance and consistency across the app.
- – Delivered at least three major features, contributing directly to increasing the value of the product for customers.
- – Established robust frontend testing practices, reducing bugs in production and streamlining QA processes.
Key Learnings:
- – Strengthened skills in product management and aligning technical work with business and user goals.
- – Advanced expertise in frontend testing workflows, boosting code stability and reliability.
- – Developed effective communication skills with product users, translating their feedback into actionable development tasks.
Need a skilled developer to transform your platform into a scalable, high-performance product?