⭠ all tutorials

Build an Airtable powered mobile app with Adalo

Available for Unlimited All Access members only

Get access

In this tutorial we'll show you how to create an app with Adalo that is powered by live data from Airtable.

What you'll need

  • Airtable
  • Adalo

Estimated time to complete

  • 40 minutes

Open Adalo and create a new mobile app. Add a custom list to the Home page. Select the list and change the name of the placeholders. Add a Image component to the Card.

Select the list and add an action, select link and new screen. Choose App Bar. Add an Image and text components to the new screen, rename them, 'Name', 'Website' and 'Bio'. This will be our members profiles.

Now let's connect Airtable.

Select Databases from the left hand menu. Under extreanl collections lcick add collection. Now over to Airtable.

Select Account, Airtable API, scroll down and find the Base. Select List Records and Copy the URL in the EXAMPLE REQUEST on the right side of the screen. Copy up to the end of the word Users and ignore everything after the ?. Paste that into Adalo.

Next under Auth Setup, click Add Item and select Header. Insert 'Authorization' and your API key from Airtable (e.g. Bearer YOU_API_KEY).

Press next. Open Get All and add the word Records into the Results Key field. Select Update and change Put to Patch. Press Done and Next.

Test to see your data. Press Create Collection.

Back in Adalo map the data across by selecting the List and choosing the new database from the What is this a list of? dropdown. Next map each piece of data across on the first list page and the member profile page.

Select 'Current Makerpad Member' and the appropriate field for each screen.

Now let's make it so we can update Airtable from the Adalo app.

Add a button to the Member profile screen. Add an action, link to a new screen. Select Form. Select the form and point it to the Makerpad Members collection and we'll want it to Update Member.

Now back over to the form and remove the fields we don't need.

Rename the fields if you want.

Next press preview and test it by clicking through the Member, the button, changing a piece of information and pressing Update Makerpad Member.

Check it's changed both inside of Adalo and inside of Airtable.

That's it! You now know how to power an Adalo app with Airtable.

I hope you enjoy this tutorial preview, if you have any questions please reach out on Twitter @tomosman or @makerpad.

The full tutorial is available for pro members only

Request access

In this tutorial we'll show you how to create an app with Adalo that is powered by live data from Airtable.

What you'll need

  • Airtable
  • Adalo

Estimated time to complete

  • 40 minutes

Open Adalo and create a new mobile app. Add a custom list to the Home page. Select the list and change the name of the placeholders. Add a Image component to the Card.

Select the list and add an action, select link and new screen. Choose App Bar. Add an Image and text components to the new screen, rename them, 'Name', 'Website' and 'Bio'. This will be our members profiles.

Now let's connect Airtable.

Select Databases from the left hand menu. Under extreanl collections lcick add collection. Now over to Airtable.

Select Account, Airtable API, scroll down and find the Base. Select List Records and Copy the URL in the EXAMPLE REQUEST on the right side of the screen. Copy up to the end of the word Users and ignore everything after the ?. Paste that into Adalo.

Next under Auth Setup, click Add Item and select Header. Insert 'Authorization' and your API key from Airtable (e.g. Bearer YOU_API_KEY).

Press next. Open Get All and add the word Records into the Results Key field. Select Update and change Put to Patch. Press Done and Next.

Test to see your data. Press Create Collection.

Back in Adalo map the data across by selecting the List and choosing the new database from the What is this a list of? dropdown. Next map each piece of data across on the first list page and the member profile page.

Select 'Current Makerpad Member' and the appropriate field for each screen.

Now let's make it so we can update Airtable from the Adalo app.

Add a button to the Member profile screen. Add an action, link to a new screen. Select Form. Select the form and point it to the Makerpad Members collection and we'll want it to Update Member.

Now back over to the form and remove the fields we don't need.

Rename the fields if you want.

Next press preview and test it by clicking through the Member, the button, changing a piece of information and pressing Update Makerpad Member.

Check it's changed both inside of Adalo and inside of Airtable.

That's it! You now know how to power an Adalo app with Airtable.

I hope you enjoy this tutorial preview, if you have any questions please reach out on Twitter @tomosman or @makerpad.

In this tutorial we'll show you how to create an app with Adalo that is powered by live data from Airtable.

What you'll need

  • Airtable
  • Adalo

Estimated time to complete

  • 40 minutes

Open Adalo and create a new mobile app. Add a custom list to the Home page. Select the list and change the name of the placeholders. Add a Image component to the Card.

Select the list and add an action, select link and new screen. Choose App Bar. Add an Image and text components to the new screen, rename them, 'Name', 'Website' and 'Bio'. This will be our members profiles.

Now let's connect Airtable.

Select Databases from the left hand menu. Under extreanl collections lcick add collection. Now over to Airtable.

Select Account, Airtable API, scroll down and find the Base. Select List Records and Copy the URL in the EXAMPLE REQUEST on the right side of the screen. Copy up to the end of the word Users and ignore everything after the ?. Paste that into Adalo.

Next under Auth Setup, click Add Item and select Header. Insert 'Authorization' and your API key from Airtable (e.g. Bearer YOU_API_KEY).

Press next. Open Get All and add the word Records into the Results Key field. Select Update and change Put to Patch. Press Done and Next.

Test to see your data. Press Create Collection.

Back in Adalo map the data across by selecting the List and choosing the new database from the What is this a list of? dropdown. Next map each piece of data across on the first list page and the member profile page.

Select 'Current Makerpad Member' and the appropriate field for each screen.

Now let's make it so we can update Airtable from the Adalo app.

Add a button to the Member profile screen. Add an action, link to a new screen. Select Form. Select the form and point it to the Makerpad Members collection and we'll want it to Update Member.

Now back over to the form and remove the fields we don't need.

Rename the fields if you want.

Next press preview and test it by clicking through the Member, the button, changing a piece of information and pressing Update Makerpad Member.

Check it's changed both inside of Adalo and inside of Airtable.

That's it! You now know how to power an Adalo app with Airtable.

I hope you enjoy this tutorial preview, if you have any questions please reach out on Twitter @tomosman or @makerpad.

You must be a member to view the full lesson

Get started with
Makerpad today

The #1 platform for no-code education. Join over 10k others and discover what's possible.

Business

Multiple seat access, hire talent and custom training.

Learn more
Individuals

Unlimited all-access to our online bootcamps and community.

Get started
Email updates
You're in 😍- check your email to get started. Tweet me what you want to build to see how to do it without code.
Oops! Something went wrong while submitting the form.

Tools used

Get help and discuss

Open community forum

Related lessons

Creating a Wikipedia Clone with Bubble
Develop a custom CRM using Retool and 8base
Generating serverless functions in the CLI - 8base
Connecting to a workspace GraphQL API - 8base
Authorization basics with roles and permissions - 8base
Working with GraphQL queries in the API Explorer - 8base
Integrate third-party integrations with Universe
Introduction and overview of Universe
Slack App That Scrapes Websites for Data
How to Easily Scrape Websites for Data using Autocode
Greet new members privately in Slack with Autocode + Block Kit Builder
Working with APIs - integrate Slack with Typeform using Autocode on Standard Library
Build an Event Attendance App with Glide
An Employee Directory with Glide
Generate QR Codes from Links
Linktree Clone with Adalo
Build a writing habit with Glide
Build a Reading Tracker in Glide
Build a conference app with Glide
Fitness planner + tracker with Airtable and Twilio on Standard Library
Dating app with WordPress and CometChat Go
How to batch process Webflow item IDs using Integromat
Build an employee directory with Glide
Instagram clone with Bubble
A Meetup clone built in Adalo
A Vegan meal planner with Bubble
Get data from an API with Parabola + Google Sheets
Cameo clone in Glide - book video shoutouts from celebrities
A conference mobile app with Glide
Simple eCommerce mobile app with Glide
Send SMS Surveys with Twilio + Airtable on Standard Library
Send an app download link via SMS to signups with Twilio
Mental wellness mobile app with Glide
Custom Status Page with Standard Library & Airtable
🧾 Reimbursement and expense tracking app
Build a Twilio SMS Hub with Standard Library
Live sports scoring app with Glide
Instagram clone using Glide and a Google Sheet
Sending a SMS Message from a website
Build a Slack / Airtable / Stripe CRM
Creating a podcast app
Creating an event check-in app
Meditation mini-app and tracking progress
Changing data on a live site
Browse all →

If you'd like this template, message @bentossell on Slack with your email for the account to send this template.