In this blog, we will walk through the steps of publishing websites using Airtable with 21YunBox.
Steps to deploy publish websites using Airtable with 21YunBox:
- Sign up on 21YunBox
- Use this Airtable base to start, click the
Copy base
button located in the top right corner. - Fork this Airtable starter on Github
- Use the following values during creation:
Runtime | Static Site |
---|---|
Build Command | yarn && yarn build |
Publish Directory | ./public |
Click Advanced Configuration to add below environment variables:
KEY | VALUE |
---|---|
AIRTABLE_BASE_ID | You can find it on your base -> “Help” -> “API documnetation” |
AIRTABLE_API_KEY | You can find it on Airtable Dashboard -> “Account” -> API |
AIRTABLE_TABLE_NAME | Destinations for this starter. If you use a custom base, you can find the name of the base on the tab (top left) |
Here are the steps to locate the base ID:


Here are the steps to create an API KEY:


Once you put these in the environment variables, and press deploy. Your website will be live on your 21YunBox URL as soon as the build finishes.

So what happens if I add new content on Airtable, do I need to redo the steps above?
What you need to do is to press the purple deploy button on the 21YunBox console, then the 21YunBox Build system will pull the content from the Airtable server and deploy it once it’s done building.

Steps to setup auto-publish with Airtable and 21YunBox
Like the other CMS integration tutorials we wrote, we hope to automate the publishing experience for you. However, as of Jun 10, 2021, Airtable doesn’t seem to have a webhook out-of-the-box, for more detail and updates, you can read this thread: https://community.airtable.com/t/webhooks-for-records/1966/138
Related Articles:
- How to Speed-Up Netlify in China
- How to Deploy Next.js to Server?
- Does Sanity CMS Work in China?
- Does Sitecore Work in China?
- Does Acquia Work in China?
- Does Adobe Experience Manager Work in China?
Related Posts
- Deploy Contentful Site in China With 21YunBox (Step-by-Step Guide)
- US Largest Lighter Delivers Site 8x Faster with 21YunBox
- Turn WordPress into Headless in China
- How to Make Airtable Work in China?
- Does Airtable Work in China?
- Integrate Contentful, Gatsby with 21YunBox
- 5 Steps to Make Static Sites Live in China
- How to Make Contentful Work in China?
- How to Make Sanity CMS Work in China?
- How 21YunBox Helped Commune Lifestyle Launch in China
- Publish Websites Using Sanity CMS With 21YunBox
- How to Deploy Gatsby Static Sites in China?
- Does Sitecore Work in China?
- Does Sanity CMS Work in China?
- How to host Ghost Blog in China?
- How to Deploy Gatsby Static Sites in China (A Step-by-Step Guide)
- Alternatives to Sanity CMS in China
- Does Salesforce Commerce Cloud Work in China?
- Alternatives to Algolia in China
- Does Contentful Work in China
- How to Deploy Hugo Static Sites in China?
- How to Deploy NextJS Apps in China? (A Step-by-Step Guide)
- How to Deploy Express Apps in China? (A Step-by-Step Guide)
- How to Deploy Strapi Headless CMS in China? (A Step-by-Step Guide)
- How to Deploy NuxtJS Apps in China? (A Step-by-Step Guide)
- How to Deploy Jekyll Static Sites in China? (A Step-by-Step Guide)
- How to Deploy Docsify Static Sites in China? (A Step-by-Step Guide)
- How to Deploy VuePress in China? (A Step-by-Step Guide)
- How to Deploy Hexo Static Sites in China? (A Step-by-Step Guide)
- How to Deploy VueJS Apps in China? (A Step-by-Step Guide)
- How to Deploy React Apps in China? (A Step-by-Step Guide)
Recent Posts
-
How To Publish My Game In China
Sep 18, 2023
-
Content Restrictions and Requirements For Publishing Games In China
Sep 5, 2023
-
China Health Gaming Advisory
Sep 2, 2023
-
Method for Determining Illegal and Improper Collection and Use of Personal Information by Apps
Sep 2, 2023
-
Notice on Preventing Minors from Addiction to Online Games
Sep 1, 2023