I. Connecting to Data Source

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
​

Tutorials - Previous

Project Dashboard on top of Airtable data

II. Working with data and customizing the interface

Last modified 8mo ago

Copy link

Contents

*How to find Airtable credentials?