Skip to content

Commit 88dc3b6

Browse files
LekoArtsLekoArts
committed
chore(docs): Update headless CMS
1 parent 16685a6 commit 88dc3b6

File tree

2 files changed

+16
-20
lines changed

2 files changed

+16
-20
lines changed

‎docs/docs/glossary/headless-cms.md

+3-5
Original file line numberDiff line numberDiff line change
@@ -7,14 +7,14 @@ Learn what a headless CMS is, how it differs from traditional content management
77

88
## What is a Headless CMS?
99

10-
A _headless content management system_ or _headless CMS_, is a CMS in which the data (content) layer is separated from its presentation (frontend) layer.
10+
A headless content management system or headless CMS, is a CMS in which the data (content) layer is separated from its presentation (frontend) layer.
1111

1212
Content management systems, such as [WordPress](https://wordpress.org/) and [Drupal](https://www.drupal.org/) store content in a database, and use a collection of HTML-based template files to manage how that content gets presented to visitors. Many of these content management systems deliver content via [server-side rendering](/docs/glossary/server-side-rendering/), which can hurt load times and slow down a site visitor's experience.
1313

1414
Headless content management systems, on the other hand, return structured data via an [API](/docs/glossary/#api).
1515
When your content is available as structured data, it's available to any client or application that can consume that data whether a [Jamstack](/docs/glossary/jamstack/) application, or a mobile device. Rather than merging templates (the presentation layer) and content (the data layer) to create HTML, a headless CMS returns JSON or unstyled XML which can be compiled and optimized by frontend frameworks like Gatsby for faster performance.
1616

17-
With a headless CMS, marketers and content creators still use an WYSIWYG-like editing interface to add content to a headless CMS - it looks very similar or exactly the same as a backend like WordPress. But when the [backend](/docs/glossary#backend) management of the site's content is [_decoupled_](/docs/glossary#decoupled) from the [frontend](/docs/glossary#frontend) that displays it, developers can use the tools they love to create flexible, beautiful interfaces. They are free to use tools like React and GraphQL and a Git workflow to create fast, secure, scalable sites.
17+
With a headless CMS, marketers and content creators still use an WYSIWYG-like editing interface to add content to a headless CMS - it looks very similar or exactly the same as a backend like WordPress. But when the [backend](/docs/glossary#backend) management of the site's content is [decoupled](/docs/glossary#decoupled) from the [frontend](/docs/glossary#frontend) that displays it, developers can use the tools they love to create flexible, beautiful interfaces. They are free to use tools like React and GraphQL and a Git workflow to create fast, secure, scalable sites.
1818

1919
## Benefits Of Headless Architecture
2020

@@ -40,6 +40,4 @@ With plugins, Gatsby supports several [headless CMS](/docs/how-to/sourcing-data/
4040

4141
### Learn More
4242

43-
- [What is a Headless CMS and How to Source Content from One](/docs/how-to/sourcing-data/headless-cms/), from the Gatsby docs
44-
- [3 Free Headless CMS's for Your Next Project](/blog/2019-10-15-free-headless-cms/), from the Gatsby blog
45-
- [Building Sites with Headless CMSs](/blog/2018-2-3-sites-with-headless-cms/#reach-skip-nav), also from Gatsby blog
43+
- [How to Source Content from a Headless CMS](/docs/how-to/sourcing-data/headless-cms/)

‎docs/docs/how-to/sourcing-data/headless-cms.md

+13-15
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,15 @@
11
---
2-
title: What is a Headless CMS and How to Source Content from One
2+
title: How to Source Content from a Headless CMS
33
---
44

5-
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.
5+
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.
66

77
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.
88

99
Many traditional content management systems (CMS), like WordPress and Drupal, 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.
1010

1111
We've included setup guides, and links to the integration documentation as well as official starters (when these exist).
1212

13-
<CloudCallout>For integrating your site with a headless CMS:</CloudCallout>
14-
1513
<!--
1614
Ordering in this section is driven by Gatsby plugin downloads (/plugins/?=gatsby-source-) & CMS vendor size/adoption. The Gatsby team is responsible for deciding which CMSs are included in the "Main CMSs" section.
1715
-->
@@ -37,23 +35,23 @@ The following CMSs have high popularity among Gatsby users and support key funct
3735

3836
| CMS | Guides | Plugin Docs | Official Starter |
3937
| ----------------------------------------- | --------------------------------------------------------------------------- | --------------------------------------------------- | ----------------------------------------------------------- |
40-
| [Cosmic](https://cosmicjs.com/) | [guide](https://docs.cosmicjs.com/guides/gatsby) | [docs](/plugins/gatsby-source-cosmicjs) | [starter](https://github.com/cosmicjs/gatsby-blog-cosmicjs) |
38+
| [Agility CMS](https://agilitycms.com/) | [guide](/docs/sourcing-from-agilitycms/) | [docs](/plugins/@agility/gatsby-source-agilitycms/) | |
39+
| [Builder.io](https://www.builder.io/) | [guide](/docs/sourcing-from-builder-io/) | [docs](/plugins/@builder.io/gatsby/) | |
4140
| [ButterCMS](https://buttercms.com/) | [guide](/docs/sourcing-from-buttercms/) | [docs](/plugins/gatsby-source-buttercms) | |
42-
| [Ghost](https://ghost.org/) | [guide](/docs/sourcing-from-ghost/) | [docs](/plugins/gatsby-source-ghost/) | [starter](/starters/TryGhost/gatsby-starter-ghost/) |
43-
| [Kontent by Kentico](https://kontent.ai/) | [guide](/docs/sourcing-from-kentico-kontent) | [docs](/plugins/@kentico/gatsby-source-kontent) | |
44-
| [Directus](https://directus.io/) | | [docs](/plugins/@directus/gatsby-source-directus/) | |
45-
| [GraphCMS](https://graphcms.com/) | [guide](/docs/sourcing-from-graphcms) | [docs](/plugins/gatsby-source-graphql) | |
46-
| [Storyblok](https://www.storyblok.com/) | [guide](https://www.storyblok.com/tp/gatsby-multilanguage-website-tutorial) | [docs](/plugins/gatsby-source-storyblok) | |
4741
| [Cockpit](https://getcockpit.com/) | | [docs](/plugins/gatsby-plugin-cockpit) | |
42+
| [Cosmic](https://cosmicjs.com/) | [guide](https://docs.cosmicjs.com/guides/gatsby) | [docs](/plugins/gatsby-source-cosmicjs) | [starter](https://github.com/cosmicjs/gatsby-blog-cosmicjs) |
4843
| [CraftCMS](https://craftcms.com/) | | [docs](/plugins/gatsby-source-craftcms) | |
49-
| [Agility CMS](https://agilitycms.com/) | [guide](/docs/sourcing-from-agilitycms/) | [docs](/plugins/@agility/gatsby-source-agilitycms/) | |
50-
| [Prepr CMS](https://prepr.io/) | [guide](https://docs.prepr.io/docs/frontend-integrations/v1/gatsby) | | |
44+
| [Dialoguewise](https://dialoguewise.com/) | [guide](https://docs.dialoguewise.com/manage-content/sdk/gatsby) | [docs](/plugins/gatsby-source-dialoguewise) | |
45+
| [Directus](https://directus.io/) | | [docs](/plugins/@directus/gatsby-source-directus/) | |
46+
| [Flotiq](https://flotiq.com/) | [guide](/docs/sourcing-from-flotiq/) | [docs](/plugins/gatsby-source-flotiq) | |
5147
| [Forestry](https://forestry.io/) | [guide](/docs/sourcing-from-forestry/) | | |
5248
| [Gentics Mesh](https://getmesh.io) | [guide](/docs/sourcing-from-gentics-mesh) | | |
53-
| [Builder.io](https://www.builder.io/) | [guide](/docs/sourcing-from-builder-io/) | [docs](/plugins/@builder.io/gatsby/) | |
54-
| [Flotiq](https://flotiq.com/) | [guide](/docs/sourcing-from-flotiq/) | [docs](/plugins/gatsby-source-flotiq) |
49+
| [Ghost](https://ghost.org/) | [guide](/docs/sourcing-from-ghost/) | [docs](/plugins/gatsby-source-ghost/) | [starter](/starters/TryGhost/gatsby-starter-ghost/) |
50+
| [GraphCMS](https://graphcms.com/) | [guide](/docs/sourcing-from-graphcms) | [docs](/plugins/gatsby-source-graphql) | |
51+
| [Kontent by Kentico](https://kontent.ai/) | [guide](/docs/sourcing-from-kentico-kontent) | [docs](/plugins/@kentico/gatsby-source-kontent) | |
52+
| [Prepr CMS](https://prepr.io/) | [guide](https://docs.prepr.io/docs/frontend-integrations/v1/gatsby) | | |
53+
| [Storyblok](https://www.storyblok.com/) | [guide](https://www.storyblok.com/tp/gatsby-multilanguage-website-tutorial) | [docs](/plugins/gatsby-source-storyblok) | |
5554
| [Webiny](https://www.webiny.com/) | [guide](https://www.webiny.com/docs/headless-cms/integrations/gatsby) | | [starter](/starters/webiny/gatsby-starter-webiny/) |
56-
| [Dialoguewise](https://dialoguewise.com/) | [guide](https://docs.dialoguewise.com/manage-content/sdk/gatsby) | [docs](/plugins/gatsby-source-dialoguewise) | |
5755

5856
## Integrating with other CMSs
5957

0 commit comments

Comments
 (0)