Skip to content
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 Tela Brasil’s Frontend for Millions of Streaming 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