Back to Refine

Airtable Integration Guide | Best Practices in Refine v5

documentation/docs/data/packages/airtable/index.md

3.25.01.0 KB
Original Source

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

<InstallPackagesCommand args="@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.

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

<CodeSandboxExample path="data-provider-airtable" />