davidyeiser / airtable-nextjs-blog

A quick look at how to pull data from Airtable onto your site with Next.js and Express.

⚠️ NOTE

This repository and companion tutorial have been retired. No further updates will be made. See the note on the tutorial for more information.

---

Tutorial

This is the companion repository for the tutorial:

How to Create a Blog with the Airtable API & Next.js.

Setup

You’ll need an Airtable account with an API key. The sample code is matched to a table structured like so:

Install

1. Clone this repository and run:

npm install

2. Then create a .env file and add your Airtable API key and Base ID to it like so:

AIRTABLE_API_KEY=keyXXXXXX
AIRTABLE_BASE_ID=appXXXXXX

Run

1. First start the Redis server with:

redis-server

2. Then Start Next with:

npm run dev

Now go to http://localhost:3000 and you should see your Airtable data. If you run into trouble, have any questions, etc. feel free to file an issue.

airtable-nextjs-blog's Issues

[question] How to insert images in Content field?

I’m intrigued by this blogging workflow!

I’m hoping to create something similar with Gatsby and just wondering how you managed to include images between the content paragraphs of some of your posts...

Would you mind explaining how to do that using the AirTable “Long Text” field?

Here are a couple posts that alternate images and text:

1. https://davidyeiser.com/post/recSefJ6oGWCs57hd/bernheim-forest-giants
2. https://davidyeiser.com/post/rectyUMZZmFOsMs4N/type-friday-002