What is a Headless CMS and How to Source Content from One
A headless CMS is content management software that enables writers to produce and organize content, while providing developers with structured data that can be displayed using a separate system on the frontend of a website or app.
A traditional, monolithic CMS is responsible for both the backend management of content, and serving that content to end users. In contrast, a headless CMS is decoupled from frontend concerns, which frees developers to build rich experiences for end users, using the best technology available.
Many content management systems (CMS) now support a “headless” or “decoupled” mode, which is perfect for Gatsby sites.
Through use of source plugins, Gatsby has support for dozens of headless CMS options, allowing your content team the comfort and familiarity of its preferred admin interface, and your development team the improved developer experience and performance gains of using Gatsby, GraphQL, and React to build the frontend.
The guides in this section will walk through the process of setting up content sourcing from some of the most popular headless CMSes in use today.
In this section:
- Sourcing from Contentful
- Sourcing from Netlify CMS
- Sourcing from WordPress
- Sourcing from Prismic
- Sourcing from Drupal
Here are more resources for guides, plugins, and starters for CMS systems you can connect to:
You can also write your own source plugin to integrate Gatsby with a CMS that is not in the list.
Edit this page on GitHub