Building a Headless CMS‑Powered Site with Next.js
Build a headless CMS‑powered Next.js site with content modelling, fetch layers, mapped front‑end shapes, preview, rendering choices, and scale cleanly.
Articles
Contentful
Contentful is a flexible, API‑first, headless content management platform which allows you to create, manage, and distribute content. It is a personal favourite of mine (especially when combined with Next.js or Gatsby), although ‑ just like any CMS system ‑ it comes with its own set of nuances that inevitably need working around.
Below you will find a subset of articles from my blog specifically about Contentful. Although this is a topic I've been working with for many years, it's fair to say that I've not written about it often. I've only managed to publish five articles about it, which you can see and read below.
Building a Headless CMS‑Powered Site with Next.js. Static Site Generators. Static Site Generators
Static site generators trade runtime complexity for build‑time output. This article looks at the benefits, the drawbacks, and where they fit best.
All About Headless CMSes. All About Headless CMSes
Websites have not been set‑and‑forget for a long time now, and without the technical know‑how to update a static site, CMSes are a key part of web development.
Removing p Tags from Contentful List Items. Removing
pTags from Contentful List ItemsOne of the quirks of rendering Rich Text from Contentful is that list items come wrapped in paragraph <p> tags. Fortunately, this is a simple one to resolve.
Rendering Contentful Rich Code Snippets in Gatsby. Rendering Contentful Rich Code Snippets in Gatsby
Contentful rich text and Gatsby work well together until code snippets enter the picture. This guide shows how to render inline and block code cleanly.
