Gatsby starter theme integrated with Airtable
Live demo is available at: https://mutual-aid-listing.pages.dev/
Site based on this template: https://github.com/wkocjan/gatsby-airtable-listing
- Integration with Airtable
- Item details displayed in a modal with navigation (previous / next)
- Responsive/adaptive images via gatsby-image
- Uses utility-first TailwindCSS framework
- Responsive design (desktop / mobile)
- Generic newsletter form
- Dark Mode support 🌙
Install Node package manager (NPM) (if you haven't already).
$ git clone git@github.com:wkocjan/gatsby-airtable-listing.git
$ npm install
Copy included .env.example file to .env and fill it with your unique values:
AIRTABLE_API_KEY=""
AIRTABLE_BASE_ID=""
AIRTABLE_TABLE_NAME="Destinations"
You're now ready to go. If you want to customize the Airtable base, please refer to gatsby-source-airtable plugin documentation.
The data from Airtable does not update automatically, even when you're running the develop process.
If you modified any data in your Airtable base, please be sure to restart the development process, so the new data can be downloaded.
This project comes with a few handy commands for linting and code fixing. The most important ones are the ones to develop and ship code. You can find the most important commands below.
Run in the project locally.
Run a production build into ./public. The result is ready to be put on any static hosting you prefer.