Boilerplate code for a very simple frontend that uses Airtable as a CMS. Built using vue-cli
.
This is a port/clone of https://github.com/Kallirroi/airtable_as_cms, ported to Vue.
For something more complex with a router, views, and a store system with Vuex
, see https://github.com/dantaeyoung/vue_vuex_router_with_airtable_as_cms.
In order to authenticate to Airtable API, you have to create a .env
file in the root directory. Copy .env.example
to .env
and fill in the parameters.
Then:
npm install
to install dependenciesnpm run serve
to create a hot-reloading server for development onlocalhost:8080
If you change the details above, you need to restart your server.
Vue styling can be scoped to each component, so AirtableDisplayExample.vue contains the css for that specific component.
To use Vercel see this documentation.
Don't forget to set up the env
variables (both services offer a way to do that on their platform GUI).