I. Connecting to Data Source

Connect your Airtable account to UI Bakery

The first major step in building your application is connecting it to your data source.

• go to Data Sources - Connect - select Airtable from the list

• give your Data Source a meaningful name (this is a useful practice, especially in case of multiple data sources in the application)

• specify the Airtable API key and Base ID*

• define the name of the Airtable table that you want to use in UI Bakery

Note! A table must have at least one row for UI Bakery to recognize its fields

• to make sure the connection could be established, click Test Connection. After a successful test, click Connect Datasource

Great job! 😉 Next, we are going to add data and start to customize the interface of our future dashboard by adding and modifying the UI components

*How to find Airtable credentials?

• navigate your Airtable account

• open your account’s Settings - Overview - copy your API key there

Copying Airtable API key

• to get your Base ID, click on the help button near the top-right of your screen in the Airtable account. This will open a menu where you will see the "<> API documentation" option. After clicking the button, you will be brought to the API documentation page that will dynamically surface which base you are working in currently. Both the base name and Base ID will appear. Check out Airtable’s documentation for more details

Finding Airtable base ID