All work
TypeScript · Next.js · Tailwind
Next-Football-live-scores
Live scores, league standings and match detail on the App Router, with dark mode throughout.
Stars0
LanguageTypeScript
Last push21 Mar 2026
Topics
football-apinextjstailwindcsstypescript
Next Football Live Scores ⚽️
A modern, real-time football live score application built with Next.js. This project provides up-to-date match information, standings, and statistics, leveraging professional sports APIs to deliver a seamless user experience.
🚀 Features
- Live Updates: Real-time scores and match events.
- Leagues & Standings: Detailed tables for major leagues (Premier League, La Liga, Serie A, etc.).
- Match Details: Lineups, statistics, and head-to-head data.
- Responsive Design: Fully optimized for mobile, tablet, and desktop views.
- Dark Mode Support: Easy on the eyes for late-night match tracking.
🛠 Tech Stack
- Framework: Next.js (App Router)
- Styling: Tailwind CSS
- State Management: React Hooks / Context API
- Data Fetching: SWR or TanStack Query (React Query)
- API: Football-Data.org / API-Football (RapidAPI)
- Deployment: Vercel
🏁 Getting Started
Prerequisites
- Node.js (v18.x or higher)
- npm or yarn
- An API Key from your chosen football data provider
Installation
- Clone the repository:
git clone [https://github.com/Kyaw-Min-Khant/Next-Football-live-scores.git](https://github.com/Kyaw-Min-Khant/Next-Football-live-scores.git) cd Next-Football-live-scores
Also in TypeScript