This is a demo example of using GatsbyJS to implement a dummy web application that follow JAMStack principles. The main screens of the app are pre-rendered at build time with data gathered via a REST API service that provides all the football information needed for this use case so:
- Italian Serie A teams list
- Italian Serie A standings
- Italian Serie A matches schedule grouped by team
You can take a live tour of this app here.
- Gatsby's default starter
- Football data API
- Typescript
If you want to succesfully build the app you need first to create an account on football-data.org in order to create a valid API token that you can use as environment variable (named API_TOKEN
) for the API calls performed at build time by the Gatsby build process. For a local development it is possible to create a .env
file with such variable and you are good to go. When you deploy the project on some remote server don't forget to create the environment variable following the documentation of your preferred hosting service.
Creates the production bundle of the app.
Creates a development environment opening a local web server at http://localhost:8000
with live reloading enabled.
Needed to run a production build locally with a server opened at http://localhost:9000
.