My Football
A fully static football tracker for favourite European teams — fixtures, results, standings, and top scorers, built with Next.js static export and football-data.org
📅 July 2026💻 TypeScript00
Next.jsTypeScriptTailwind CSSGitHub ActionsGitHub PagesStatic Site Generationfootball-data.org
nextjstypescriptfootballstatic-sitegithub-actionsfrontendsports
Live DemoMy Football
A fully static football tracker for my favourite European teams — fixtures, results, standings, and top scorers.
How it works
There is no server and no database. A GitHub Actions workflow pulls data from the football-data.org v4 API, writes it to public/data/*.json, builds the static site, and deploys to GitHub Pages. The browser only reads those static JSON files — the API token never leaves the build environment.
Features
- Fixtures & results for tracked teams across major European leagues
- League standings and top scorers from football-data.org data
- Fully static — fast loads, no runtime API calls in the browser
- Configurable teams via
src/config/teams.json - Automated deploys on every push to
mainvia GitHub Actions
Tech stack
- Next.js 16 (static export)
- TypeScript
- Tailwind CSS 4
- GitHub Actions + GitHub Pages
- football-data.org API (build-time only)