How to use Airtable as a CMS for your website

Hey everyone,

We wanted to share a tutorial and template for building landing pages on Airtable.

You can use Airtable as a CMS to manage all your assets, copy, SEO and site structure.

Then with new tools like Next.js - you can build a static website that loads incredibly fast, is easy to deploy, and can be quickly updated with a couple clicks in Airtable.

In this first part in the series, you’ll walk step-by-step through creating a simple splash page for a fictitious uptime monitoring company:

You’ll learn:

  • How to configure your Airtable base as a CMS
  • How to connect Airtable to Next.js using Airtable.js
  • How to load your images, copy and search tags into the site

In upcoming parts you’ll expand to pull more data into the site and add multiple pages.

1 Like

:v: Part 2: Build websites on Airtable faster using Sync Inc :repeat:

Excited to share the second part of this series with the Airtable community:

In this second part of the tutorial, you’ll learn how to build a website on Airtable faster and with less effort by using Sync Inc.

Instead of Airtable.js or the REST API, you’ll see how you can pull all your data into your website using SQL. In fact, Airtable’s docs recommend this approach for read heavy uses case - like a website:

If you anticipate a higher read volume, we recommend using a caching proxy.
So in this tutorial, you’ll learn how to:

Would love to hear if you have any questions as you build.