Deploy an app with Webflow Cloud – Webflow tutorial

Learn how to deploy an app to Webflow Cloud, connect it to Airtable, and make it available directly on your Webflow site.

In this lesson, we'll take an existing Astro app running locally with sample data and turn it into a live property listings experience. We'll connect the app to an Airtable database, securely manage API credentials, and deploy the app from GitHub using Webflow Cloud.

Want to learn more? Take the full Webflow Cloud course:
https://university.webflow.com/courses/take-your-app-live-webflow-cloud

**You'll learn how to**:
- Connect an Astro app to Airtable using a server-side API endpoint
- Keep your Airtable personal access token secure using environment variables
- Connect a GitHub repository to Webflow Cloud
- Deploy an app to a specific path on your Webflow site
- Test live data, search, filters, and updates without redeploying

By the end, our real estate listings app will be live at `/listings`, displaying property data managed in Airtable.

Chapters:
00:00 — Introduction
00:42 — Meet the App
01:28 — Connect to Airtable
02:32 — Secure the Connection
03:35 — Test Locally
04:12 — Deploy to Webflow Cloud
05:32 — Test the Live App
06:30 — What's Next

In the next lesson, we'll use DevLink to bring Webflow components into the app, creating a more connected website experience.

Learn more about Webflow Cloud: https://webflow.com/cloud

We used Cursor in this lesson: https://cursor.com/agents

Have questions about deploying apps with Webflow Cloud? Leave them in the comments.
----------
Get started with Webflow: https://wfl.io/2r7cVUW
Join the Webflow Community: https://webflow.com/community

https://webflow.com
https://university.webflow.com/
https://x.com/webflow
https://www.instagram.com/webflow
https://www.tiktok.com/@webflow
https://facebook.com/webflow