Open3
Next.js で Airtable のデータを表示する
- Airtable に登録する
-
sample
テーブルを作成し、データを追加する -
https://airtable.com/account で
Generate API key
する -
https://airtable.com/api >
sampel
でbase ID
を確認する
-
.env.local
に ↑ の API key, base ID, テーブル名を記載する -
pages/api/airtable.js
にテーブルのデータを取得する API を作成する -
pages/index.jsx
とかにgetStaticProps()
でデータを取得して、JSX で表示する