Multilingual sports web application
Web application development
Sports information changes constantly. A desktop experience has to make news, fixtures, results, and competition details easy to navigate while staying consistent across languages.
IN DEPTH
Structured the Next.js homepage, news timelines, match and competition pages, and account features around feature modules and shared access to the existing backend API. Built reusable components and centralized handling of data, errors, and media.
Combined server-rendered page content with TanStack Query for live-data refresh, caching, and interactive updates. Kept server data separate from local UI state.
Built server-side session handling with HttpOnly cookies, protected account flows, and consistent loading and error states. Implemented interactive comments, reactions, and follow features.
Implemented routing for Arabic, French, English, Spanish, and Italian, including RTL/LTR layouts, server-generated metadata, structured data, and crawler validation.
Developed a typed analytics layer shared across features, with centralized event contracts and handling for route and account states.
Locale-aware links keep navigation and shared URLs consistent, while Arabic and other languages retain their correct reading direction.
Server-rendered content supports discovery and the first page load. Client queries handle information that needs to refresh.
Data access, errors, media URLs, and recurring UI elements are centralized so pages follow the same conventions.
Explore the current product website. This case study describes my work during May–Sep 2026.