Back to projects
Frontend Architecture / Performance / 2024
Tela Brasil
Public streaming platform focused on scalable delivery, playback reliability, and frontend performance under peak traffic.
Case studies
Case 01
Scaling a Next.js Frontend to 3M Users
Refactored the frontend data layer and delivery strategy to reduce server-side pressure, move the app to static delivery through AWS CloudFront, and validate the platform under millions of concurrent users.
- Problem
- SSR overloaded the limited frontend infrastructure at around 10,000 concurrent users.
- System focus
- Client-side data fetching, CDN delivery, caching, and streaming reliability.
- Outcome
- Scaled from around 10,000 to over 3 million concurrent users in load testing.
Highlights
- Identified frontend scalability bottlenecks through Locust load testin
- Reduced server-side pressure by moving data fetching to the client
- Implemented client-side request and cache management with TanStack Query and Axios
- Converted the frontend delivery model to static assets served through AWS CloudFront
- Improved validated load capacity from around 10,000 to over 3 million concurrent users
Next.jsReactTanStack QueryAxiosAWS CloudFrontLocust
Stack
Next.jsReactTypescriptTanStack QueryAxiosAWS CloudFrontDashHLS