Airtable
Refine provides a data provider for Airtable, a spreadsheet-database hybrid, to build CRUD applications.
Good to know:
@refinedev/airtableuses API Tokens to authenticate requests. Personal access tokens of Airtable is currently not supported.- This integration uses Airtable.js to handle the requests.
- To learn more about data fetching in Refine, check out the Data Fetching guide.
Installationβ
- npm
- pnpm
- yarn
npm i @refinedev/airtable
pnpm add @refinedev/airtable
yarn add @refinedev/airtable
Usageβ
First, we'll obtain the API_TOKEN and BASE_ID from our Airtable account. Then, we'll pass these values to the dataProvider function.
app.tsx
import Refine from "@refinedev/core";
import dataProvider from "@refinedev/airtable";
const App = () => (
<Refine
dataProvider={dataProvider("<API_TOKEN>", "<BASE_ID>")}
>
{/* ... */}
</Refine>
);
Exampleβ
Run on your local
npm create refine-app@latest -- --example data-provider-airtable