gatsby-airtable-starter icon indicating copy to clipboard operation
gatsby-airtable-starter copied to clipboard

Gatsby Airtable starter

Gatsby Airtable starter

Netlify Status

Features

  • Static content fetched from Airtable
  • Dynamic content with CRUD operations with Airtable REST API
  • Well structured files/folders
  • Custom React Hooks
  • Custom Helpers instead of using third party libraries
  • Dynamic & Static containers
  • Global state management ready with useReducer & useContext
  • Dummy auth but ready to add real requests

Prerequisites

Yarn Airtable Account

Using my referral link will get me $10 in credit

Please create a new file .env.development and put these env variables

You will have to create another .env.production file to build locally

GATSBY_AIRTABLE_API_KEY=<<Your Aitable API KEY here>>
SCENES_BASE_ID=<<Your Aitable Base Id here>> (You can change the name of this env if you wish, but make sure to change it within the code as well)

Installing

Installing the dependencies

yarn

Start the dev server

yarn start

Delete the previous cached fetched data

yarn reset

Build

yarn build

Built with

  • Gatsby
  • @reach/router
  • VSCode
  • styled-components
  • And these useful JavaScript libraries & Gatsby plugins package.json

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Support

If you love this starter and want to support me, you can do so through my Patreon

Support me on Patreon