Next.js + Contentful + Vercel static generated blog application

This is the code from the tutorial series on building a static generated blog with Next.js, Contentful, and Vercel, available on my blog at https://heymike.dev.

The code for each part is available in branches that will be updated as new parts to the series are released. The master branch will always represent the current state of the tutorial.

Articles

• Part One
• Part Two

Code Branches

• 01-bootstrap-project
• 02-fetching-posts-from-contentful

Prerequisites

• Node.js v12
• Vercel CLI for running now dev locally.
• An account with Contentful

Setting up this application locally

Clone the repository:

git clone https://github.com/mike360/nextjs-blog.git
cd nextjs-blog
npm install

Create a local environment variable file .env:

CONTENTFUL_SPACE_ID=<your space ID here>
CONTENTFUL_ACCESS_TOKEN=<your contentful access token here>

Refer to Part One for setting up Contentful.