How I Built an SSR Valorant Tracker with React, Supabase and Live Esports Data

Short summary

A developer shares the architecture of VALTRAIN, a Valorant tracker and esports platform built with React, Supabase, and server-side rendering. The project evolved from a simple match lookup into a full SSR application with player stats, VCT match databases, and weapon skins. Key decisions include splitting server-rendered public content from client-side interactive features and caching external API responses in Supabase.

• •VALTRAIN combines Valorant player stats, VCT esports data, and weapon skins in one SSR app
• •Server renders public/indexable content; client handles interactive features like search and filters
• •Supabase caches external API responses to avoid rate limits and improve load times

Generated with AI, which can make mistakes.