This documentation provides editors, contributors, designers, and developers visibility of the components on the website and each of their variations. There are two main uses:
Content creators can understand which components best suit their content needs, and provides them with visual guidance when editing in Contentful.
Design and Engineering can view and test all components quickly without needing to search the website for each variation.
We’re using Contentful as a headless CMS for the website. This means that content creators can use the Contentful web app to add and edit pages, then the custom frontend that we’ve built handles how those pages look and behave.
Contentful works by using content models and entries which you can think of as components. These content models or component just provide structure and is how we enforce which content goes where. This creates reusable pieces that we can use, as content entries, to create content. We've created three different types of components:
A group of section components put together to create a page on our website.
Full-width components that make up a page. They can have content (such as title and buttons), layout options (background colour and alignment) and accept multiple block components.
These are child components and are units of content that exist within a section.