Airtable Data Provider Guide | Refine v4 React CRUD - Refine

Refine provides a data provider for Airtable, a spreadsheet-database hybrid, to build CRUD applications.

:::simple Good to know

@refinedev/airtable uses 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

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.

tsx

import Refine from "@refinedev/core";
import dataProvider from "@refinedev/airtable";

const App = () => (
  <Refine
    // highlight-next-line
    dataProvider={dataProvider("<API_TOKEN>", "<BASE_ID>")}
  >
  </Refine>
);

Example