Headless CMS

A core feature of Gatsby is its ability to load data from anywhere. This is what makes Gatsby more powerful than many other static site generators that are limited to only loading content from Markdown files.

A core benefit of this “data from anywhere” approach is that it allows teams to manage their content in nearly any backend they prefer.

Many content management systems (CMS) now support a “headless” mode, which is perfect for Gatsby sites. A headless CMS allows content creators to manage their content through a familiar admin interface, but allows developers to access the content via API endpoints, allowing for a fully customized frontend experience.

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 WordPress
• Sourcing from Drupal
• Sourcing from Contentful
• Sourcing from Prismic
• Sourcing from Netlify CMS

Other CMS systems you can connect to include:

• Shopify
• Strapi
• DatoCMS: docs, business case
• Sanity: docs, guide
• Contentstack: docs, guide, starter
• ButterCMS: docs, guide, starter
• Ghost: docs, guide, starter
• Kentico Cloud: docs, guide, launch post, starter
• Directus
• GraphCMS: docs, guide, starter
• CosmicJS: docs, guide
• Cockpit
• Storyblok
• CraftCMS

How to add new guides to this section

If you don’t see your preferred CMS in this list, you can write a new guide yourself or open an issue to request it.