Is it possible to integrate a directory of people, built in Gatsby with Airtable, into Webflow using an embed or "rewrites" feature similar to Vercel and Cloudflare Pages?

Yes, you can integrate a Gatsby-powered directory with Airtable into Webflow using HTML embeds or reverse proxy techniques. However, Webflow does not support direct rewrites like Vercel or Cloudflare Pages. Here are your key options:

1. Embed Gatsby as an Iframe

• Host your Gatsby site on a platform like Vercel, Netlify, or Cloudflare Pages.

• Use an iframe in Webflow by embedding the hosted page using:

• Embed component: Add an <iframe> pointing to the Gatsby directory.

• Custom Code in Webflow: Use the following basic example:

  <iframe src="https://yourgatsbydirectory.com" width="100%" height="800px"></iframe>

• This method is simple, but the iframe content will not inherit Webflow styles.

2. Use a Reverse Proxy (External Hosting Required)

• A reverse proxy can make your Gatsby directory appear under your Webflow domain.

• Limitations: Webflow does not provide built-in proxying, but if your hosting provider (e.g., Vercel) allows it, you can set up something like:

  Example with Vercel rewrites (in vercel.json)
  ```json
  {
  "rewrites": [
  {
  "source": "/directory/:path*",
  "destination": "https://yourgatsbydirectory.com/:path*"
  }
  ]
  }
  ```

• This method requires hosting outside of Webflow.

3. Fetch Data from Airtable into Webflow CMS

• Use Airtable API + Webflow CMS API to sync data.
• Tools like Make (formerly Integromat), Zapier, or Whalesync can automate syncing Airtable records into Webflow CMS.

Summary

• For a quick solution: Use an <iframe>.
• For a cleaner integration: Use a reverse proxy via an external hosting provider.
• For full Webflow CMS integration: Sync Airtable data into Webflow CMS instead of using Gatsby.

Since Webflow doesn’t support request rewriting internally, the best workaround is embedding or external hosting with a reverse proxy.