Vue.js + Airtable Demo

A simple Vue component to display a list of items powered by Airtable. Check out our blog post all about using Airtable and Vue.js for static websites!

Configuration

Provide your Airtable API key and base inside config/dev.env.js. Tweak the column and filter attributes in src/App.vue to test our your Airtable project. From there, run through the build setup below.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.