How to display Airtable Data In Webflow using APIs + JavaScript

In this tutorial, you'll learn how to display data from Airtable in a Webflow project using JavaScript and Nocode Middleware.
We'll walk through the process step by step, starting with connecting your Airtable account to Alphi. From there, we'll create a secure workflow (middleware) that will let you call the API from the frontend without exposing our API key. Next we will convert a native FlowUI component into a reactive component using VoilaJS.
This is a great technique for creating dynamic, data-driven websites without the need for syncing data. If you are looking to streamline your web development and add data functionality on your website this video is for you. Subscribe now and stay tuned for more awesome tutorials!."
{{ TOOLS }}
Airtable | airtable.com
Alphi | alphi.dev
Webflow | webflow.com
{{ RESOURCES }}
Voila | locowd.gitbook.io/voila/
Fetch API | developer.mozilla.org/en-US/d...
HTTP Status codes | developer.mozilla.org/en-US/d...

[@weansard]

Been looking for a tutorial like this for ages! Appreciate the vid man!

[@basketts]

This is great. Keep the videos up!

[@evanjoyal9540]

❤❤❤❤❤❤

[@evanjoyal9540]

Since when was voila released? looks awesome.

[@user-qk3hc7sg1r]

i wann get the single record that should be last record any please suggest me how to do it ?

[@appybee_nl]

Hi, where can I find the prepared code?

[@FixxiTechnologiesLLC]

Can you do this same thing with Framer?

[@Web__star]

Is Aphi still active? It's been a while since you uploaded a video, I am wondering if I can go ahead and use Aphi to develop my webapp

[@HeyAlphi]

Hey 👋,
Alphi is still active and we have lots of exciting plans for the future. If you are building a Webflow Web App we recommend using Wized with Alphi and Airtable or Baserow.

[@jonathanself1263]

Does Alphi offer discounted pricing for non-profits and schools/educational use?

[@HeyAlphi]

Hi Jonathan,
We have paused all discounts for non-profits and schools/ educational institutions for the current version of Alphi as we plan on launching Alphi V2 in Q1 2024. V2 is an entirely new product and much more suitable for educational purposes as we have significantly minimised the abstraction.