Next.js Contentful Integration

Kirsten Swanson
4 min readOct 22, 2022

This article walks through setting up the Contentful Content Delivery API integration with your Next.js app. We have already created many content models that we are using on our pages. If you have not done so, you will need to create a content model and content in Contentful.

In order to use Contentful’s API we first need to grab our tokens. In the Contentful platform, go to Settings > API keys and there you’ll be able to copy the Space ID and Content Delivery API — access token.

--

--

Kirsten Swanson

A creative, adventurous, and curious Front-End Developer