Back to articles
How I built a lightweight, ad-free Olympics Tracker for Milano Cortina 2026

How I built a lightweight, ad-free Olympics Tracker for Milano Cortina 2026

via Dev.to Reactxjeff lee

The Problem: Bloated Sports Sites I wanted to check the medal standings for the Milano Cortina 2026 Winter Olympics , but I found most official and mainstream news sites to be: Heavy : Dozens of trackers and heavy JS bundles. Distracting : Intrusive ads covering half the screen on mobile. Slow : Taking 5+ seconds to load just a simple table of numbers. As a developer, I knew I could do better. So I built milano2026.live . The Tech Stack I chose a stack that prioritizes speed and developer experience: Framework : Next.js 15 (App Router) Styling : Tailwind CSS (for that "news-board" aesthetic) Deployment : Vercel Data Strategy : A mix of ISR (Incremental Static Regeneration) and client-side fetching to ensure the data stays fresh without killing the server. Challenges Faced 1. The "Wall of Text" UX Issue Early feedback from Reddit users (shoutout to r/nextjs !) pointed out that my initial schedule layout was just a long string of text. It was unreadable. I quickly refactored the UI into

Continue reading on Dev.to React

Opens in a new tab

Read Full Article
1 views

Related Articles