Skip to content

Commit 07bebc2

Browse files
hashimwarrenGatsbyJS Bot
authored and
GatsbyJS Bot
committed
Add internal links to updated headless CMS article (#17517)
1 parent 2d12ccf commit 07bebc2

File tree

23 files changed

+25
-25
lines changed
  • docs/blog
    • 2017-12-06-gatsby-plus-contentful-plus-netlify
    • 2018-02-16-bright-future-for-the-web
    • 2018-04-10-how-to-handle-comments-in-gatsby-blogs
    • 2018-04-27-building-eviction-free-nyc-with-gatsbyjs-and-contentful
    • 2018-06-18-why-narative-loves-gatsby
    • 2018-08-13-using-decoupled-drupal-with-gatsby
    • 2018-1-18-strapi-and-gatsby
    • 2018-1-24-creative-software-destruction-new-presentation-layer
    • 2018-10-10-unbundling-of-the-cms
    • 2018-10-11-rise-of-modern-web-development
    • 2018-10-18-creating-compelling-content-experiences
    • 2018-12-19-gatsby-scales-with-expertise-and-scope
    • 2018-12-19-kentico-cloud-and-gatsby-take-you-beyond-static-websites
    • 2018-2-6-choosing-a-back-end
    • 2019-03-26-what-the-jamstack-means-for-marketing
    • 2019-03-29-interview-with-david-eads
    • 2019-04-06-security-for-modern-web-frameworks
    • 2019-05-07-advanced-sitemap-plugin-for-seo
    • 2019-05-15-enterprise-gatsby-how-to-reduce-your-digital-total-cost-of-ownership-with-gatsby
    • 2019-06-08-delicious-simplicity-case-study-part-1
    • 2019-06-19-how-the-couch-builds-websites-in-half-the-time-with-gatsby
    • 2019-08-23-creating-a-purpose-driven-media-platform

23 files changed

+25
-25
lines changed

docs/blog/2017-12-06-gatsby-plus-contentful-plus-netlify/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ repo.
9494
9595
# Solution: Contentful + Gatsby
9696

97-
Contentful is a hosted headless CMS with a fantastic user experience. It’s
97+
Contentful is a hosted [headless CMS](/docs/headless-cms/) with a fantastic user experience. It’s
9898
similar to having a backend like Wordpress, but you are fully responsible for
9999
the frontend layer. The beauty of Contentful is threefold.
100100

docs/blog/2018-02-16-bright-future-for-the-web/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ It was for those reasons that I was hesitant to pull the trigger on a static sit
2424

2525
One day after airing my grievances about the current state of static site generators on Slack a fellow developer recommend that I check out Gatsby. Gatsby is yet another static site generator but what really set it apart for me was how it was built with [React](https://reactjs.org/) and emphasized a rich plugin system. This was a big plus for me as I was itching to learn more about React and the plugin system alleviated some initial pain that I would have had dealing with mundane tasks. Out of the box you get a fantastic development environment with live reloading that required almost no configuration. With Gatsby specific plugins and React components it can handle pretty much anything you throw at it.
2626

27-
Next came integrating the statically generated site with data stored in a CMS. Again Gatsby was well suited for this and I was able to easily integrate with Contentful via the [gatsby-source-contentful](/packages/gatsby-source-contentful/) plugin. Contentful is an example of a headless CMS, meaning that is is not tied to any particular technology or language. Contentful allows you to store content using a pleasant user interface and it can then output the data via an API. Best of all Contentful puts you in the driver seat and lets you define your own content model however you see fit. Think [WordPress Advanced Custom Fields](https://www.advancedcustomfields.com/) on steroids. With the content stored in Contentful Gatsby then uses the Contentful API along with the awesome power of [GraphQL](http://graphql.org/) to query data at build time. Cool stuff!
27+
Next came integrating the statically generated site with data stored in a CMS. Again Gatsby was well suited for this and I was able to easily integrate with Contentful via the [gatsby-source-contentful](/packages/gatsby-source-contentful/) plugin. Contentful is an example of a [headless CMS](/docs/headless-cms/), meaning that is is not tied to any particular technology or language. Contentful allows you to store content using a pleasant user interface and it can then output the data via an API. Best of all Contentful puts you in the driver seat and lets you define your own content model however you see fit. Think [WordPress Advanced Custom Fields](https://www.advancedcustomfields.com/) on steroids. With the content stored in Contentful Gatsby then uses the Contentful API along with the awesome power of [GraphQL](http://graphql.org/) to query data at build time. Cool stuff!
2828

2929
The final piece of the puzzle was determining where to host the website. I had recently experimented with Netlify on a somewhat [pointless website for my dog](https://www.doggoforhire.com/) and I was impressed by its ease of use and how they offered a fully featured developer tier for free. In no time I was able to get my Gatsby powered website up and running on Netlify. Then with the help of webhooks I was able to have Contentful tell Netlify to “rebuild” the website whenever a new post was published. Finally with Netlify’s form handling functionality I hooked up a contact form all without a single line of backend code or even a database.
3030

docs/blog/2018-04-10-how-to-handle-comments-in-gatsby-blogs/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ You could link your comment form to an email address. Then you could copy and pa
4848

4949
## Crazy
5050

51-
There are many other options. Some crazier than others. You could push comments to WordPress. Then pull them from WordPress into Gatsby at build time. Or push them to a headless CMS. Via a serverless setup maybe.
51+
There are many other options. Some crazier than others. You could push comments to WordPress. Then pull them from WordPress into Gatsby at build time. Or push them to a [headless CMS](/docs/headless-cms/). Via a serverless setup maybe.
5252

5353
You could create a comment form. Then have it generate a mailto link. Then people email you the comment. Then you copy and paste it into Git. Or the mailto link points to a service like mailgun. Then incoming emails turn into webhooks. Then forward to serverless. Then land as pull requests.
5454

docs/blog/2018-04-27-building-eviction-free-nyc-with-gatsbyjs-and-contentful/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ perfect fit for a number of reasons:
8484
System](https://en.wikipedia.org/wiki/Content_management_system), or CMS.
8585
Traditional CMS platforms, like WordPress or Drupal, allow authors and editors
8686
to easily create websites and publish content such as text articles, image, or
87-
video embeds. A headless CMS takes those publishing features (and the easy admin
87+
video embeds. A [headless CMS](/docs/headless-cms/) takes those publishing features (and the easy admin
8888
tools that come with them) and additionally gives you total flexibility as to
8989
how the website itself is constructed.
9090

docs/blog/2018-06-18-why-narative-loves-gatsby/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ Gatsby does not only allow us to deliver fast websites, it has also sped up our
3333

3434
# Separation between view and data layers
3535

36-
Many popular CMS tools are tightly coupled to their source of data. Gatsby offers a clear separation between the data and view layer building on top of the Headless CMS principles. The advantage for Narative is that we can develop without CMS lock-in such as WordPress. If our team decides to go with a new view layer the migration would be less painful than migrating all the data as well. Often times flexibility in software means more complexity to manage but in this case the flexibility is in the right spots where it reduces complexity.
36+
Many popular CMS tools are tightly coupled to their source of data. Gatsby offers a clear separation between the data and view layer building on top of the [headless CMS](/docs/headless-cms/) principles. The advantage for Narative is that we can develop without CMS lock-in such as WordPress. If our team decides to go with a new view layer the migration would be less painful than migrating all the data as well. Often times flexibility in software means more complexity to manage but in this case the flexibility is in the right spots where it reduces complexity.
3737

3838
We pass this flexibility on to our partners. They are able to manage their data while _our team is able to deliver an excellent product on top of their existing infrastructure. This has made our solutions to revamping legacy projects even stronger than before_.
3939

docs/blog/2018-08-13-using-decoupled-drupal-with-gatsby/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ Take a look at the source code of [the official Gatsby + Drupal example site](ht
1717

1818
[A delicious Gatsby + Drupal site](https://using-drupal.gatsbyjs.org/)
1919

20-
Using Drupal as a headless CMS with Gatsby is a great way to get an enterprise-quality CMS for free, paired with a great modern development experience and all the benefits of the JAMstack, like performance, scalability, and security.
20+
Using Drupal as a [headless CMS](/docs/headless-cms/) with Gatsby is a great way to get an enterprise-quality CMS for free, paired with a great modern development experience and all the benefits of the JAMstack, like performance, scalability, and security.
2121

2222
It only takes a few steps to use Gatsby with Drupal as a headless CMS (also known as decoupled Drupal).
2323

docs/blog/2018-1-18-strapi-and-gatsby/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ Note: Within the content below we provide links that open a running _localhost_
6767

6868
### 1. Introduction
6969

70-
This video series will take you step by step through creating a blog in Gatsby and teach you how to connect it to the open sourced headless CMS - Strapi.
70+
This video series will take you step by step through creating a blog in Gatsby and teach you how to connect it to the open sourced [headless CMS](/docs/headless-cms/) - Strapi.
7171

7272
<iframe
7373
width="1206"

docs/blog/2018-1-24-creative-software-destruction-new-presentation-layer/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ It is trite but true to say that every company is becoming a software company. T
4141

4242
We now live in a world of cheap compute and storage, cloud/edge capabilities, and generally fast and pervasive network coverage. So it seems the time has come to dramatically improve the presentation layer. In this world, for instance, running traditional web servers and web content management systems may not make sense anymore. It is incredibly inefficient to have a web server talking to a content management system to pull information, create a response page and send it back to the user. Serverless is gaining interest in terms of the backend architecture, so why not apply a similar approach to the presentation layer?
4343

44-
For developers, there has always been rapid evolution in the area of presentation layer languages and frameworks. With the backing of Facebook (and fixing the open source licensing!), React may finally unify mobile and web client development. Developers have also been actively adopting API-driven headless CMS solutions. Another Facebook technology called GraphQL could provide a unified abstraction to backend data and services.
44+
For developers, there has always been rapid evolution in the area of presentation layer languages and frameworks. With the backing of Facebook (and fixing the open source licensing!), React may finally unify mobile and web client development. Developers have also been actively adopting API-driven [headless CMS](/docs/headless-cms/) solutions. Another Facebook technology called GraphQL could provide a unified abstraction to backend data and services.
4545

4646
Based on these new technologies, it seems that we can move to a new serverless presentation layer architecture with pre-built JavaScript code served from cloud/edge caches talking directly to backend or third-party microservices. Web and content management servers are no longer runtime components and instead, there is a process to build and deploy static or pre-compiled experiences. This new serverless architecture provides a number of dramatic improvements over the current approach, including:
4747

docs/blog/2018-10-10-unbundling-of-the-cms/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ Best-of-breed products have emerged to provide top-notch alternatives in each of
3131

3232
One popular, paywalled, news site that currently stores all content and data in Drupal 7 is migrating to a microservices setup. They’ll handle stories in [Wordpress](https://wordpress.org/), store video in [JWPlayer](https://www.jwplayer.com/), and user data in [Auth0](https://auth0.com/). They’re doing development in React and using [Segment](https://segment.com) for analytics, [Stripe](http://stripe.com) for payments and [Recurly](https://recurly.com/) for subscriptions.
3333

34-
Another digital consumer brand moved from using Sitecore as a content and development platform to using [Contentful](https://www.contentful.com/) as a headless CMS, [Yotpo](https://www.yotpo.com/) for user-generated content -- primarily reviews, while development transitioned to React to provide a modern look and feel.
34+
Another digital consumer brand moved from using Sitecore as a content and development platform to using [Contentful](https://www.contentful.com/) as a [headless CMS](/docs/headless-cms/), [Yotpo](https://www.yotpo.com/) for user-generated content -- primarily reviews, while development transitioned to React to provide a modern look and feel.
3535

3636
<figure>
3737
<img alt="The modularization of the CMS" height="400" src="./modular-cms-architecture.png" />
@@ -51,7 +51,7 @@ Enterprises who have purchased these CMS solutions are left asking themselves on
5151
<figure>
5252
<img alt="The modularization of the CMS" height="400" src="./headless-cms-landscape.png" />
5353
<figcaption>
54-
The headless CMS landscape
54+
The [headless CMS](/docs/headless-cms/) landscape
5555
</figcaption>
5656
</figure>
5757

docs/blog/2018-10-11-rise-of-modern-web-development/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -84,4 +84,4 @@ Modern web development frameworks like React and Angular are the latest step tra
8484

8585
In the next blog post, [Why Mobile Performance is Crucial](/blog/2018-10-16-why-mobile-performance-is-crucial), we’ll move on to the final piece of the changing content landscape puzzle.
8686

87-
We'll discuss how growing smartphone usage both in the US and globally has made mobile performance crucial -- as well as suddenly easier to optimize in the Headless CMS world. We’ll also explore two modern, complementary trends for improving web performance and how website teams can get the best of both out of the box.
87+
We'll discuss how growing smartphone usage both in the US and globally has made mobile performance crucial -- as well as suddenly easier to optimize in the [headless CMS](/docs/headless-cms/) world. We’ll also explore two modern, complementary trends for improving web performance and how website teams can get the best of both out of the box.

docs/blog/2018-10-18-creating-compelling-content-experiences/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ The challenge for website teams is: how to achieve this without a lot of costly,
6363

6464
The answer: choose a content mesh. A content mesh:
6565

66-
- pulls in data from your headless CMS systems
66+
- pulls in data from your [headless CMS](/docs/headless-cms/) systems
6767

6868
- enables you to develop in your preferred UI library while providing website tooling
6969

docs/blog/2018-12-19-gatsby-scales-with-expertise-and-scope/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ In any scenario, this individual of disparate experience and expertise was able
1616

1717
I myself am even an example of this general scaling idea. I began my career doing UI design, and have since been doing HTML, CSS, and JavaScript for several years now. As my skills have broadened, so too have they improved and scaled by adding Gatsby to my go-to toolchain.
1818

19-
In this post, I want to explain how Gatsby led me into learning React and how your Gatsby project can scale by considering my [personal site](https://www.lekoarts.de/en) and experience, as an example. Gatsby seamlessly scales from basic React usage to complex React patterns, from basic Markdown to full-featured headless CMS — Gatsby scales with your expertise and scope.
19+
In this post, I want to explain how Gatsby led me into learning React and how your Gatsby project can scale by considering my [personal site](https://www.lekoarts.de/en) and experience, as an example. Gatsby seamlessly scales from basic React usage to complex React patterns, from basic Markdown to full-featured [headless CMS](/docs/headless-cms/) — Gatsby scales with your expertise and scope.
2020

2121
## The beginnings
2222

docs/blog/2018-12-19-kentico-cloud-and-gatsby-take-you-beyond-static-websites/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ The great presentation by Callum MacDonald explained basic Gatsby features and p
1919

2020
## Why static site?
2121

22-
One of the websites in our company stack is [Kentico Advantage](http://bit.ly/2T0ynXJ). It is a content-oriented website where we provide our customers with our own methodology on how to build amazing and successful websites with traditional CMS. The website was originally also built on top of a traditional CMS until we switched to MVC during this year. We did that to be able to use a headless CMS as content storage and drop all the pieces that required maintenance like the database server. The business logic was in the MVC layer and we hosted the front-end on Microsoft Azure.
22+
One of the websites in our company stack is [Kentico Advantage](http://bit.ly/2T0ynXJ). It is a content-oriented website where we provide our customers with our own methodology on how to build amazing and successful websites with traditional CMS. The website was originally also built on top of a traditional CMS until we switched to MVC during this year. We did that to be able to use a [headless CMS](/docs/headless-cms/) as content storage and drop all the pieces that required maintenance like the database server. The business logic was in the MVC layer and we hosted the front-end on Microsoft Azure.
2323

2424
So why did I decide to make Kentico Advantage a static site? A key aspect was performance. We wanted to enable our clients to access the site while being on-site with their customers, using mobile devices and a slow internet connection. I personally wanted the source code to be as little as possible, in a language that everyone would understand. I won't be the only developer on the project for eternity and we tend to have more front-end developers in-house these days. And obviously I did not want to spend months on it. With Gatsby we were fine on all those counts. I was not familiar with React all that much before, but having the site content-oriented and well structured, the implementation was a piece of cake. Saving money on server costs was a nice side-effect, but more on that later.
2525

docs/blog/2018-2-6-choosing-a-back-end/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ I found Gatsby a real pleasure. You can find tutorials on their site for setup a
2525
2626
I got the site setup pretty quickly after learning about it. There’s a tonne of tutorials and instructional material around. And you can use as much or as little React as you want. There’s also a [massive list of available plugins](/docs/plugins/), which is only going to grow.
2727

28-
So if you have any experience with React, or if you’re just getting started, this is a great choice. Gatsby doesn’t tell you how your code has to look. In fact it’s setup so you can use Markdown files for pages, but I didn’t fancy that, so I don’t. Simple as that! Likewise, if I want to scale this to build websites for other people, I don’t want to spend ages teaching them how to use Markdown, clone a Git repo and add it to the Git repo. Queue a Headless CMS.
28+
So if you have any experience with React, or if you’re just getting started, this is a great choice. Gatsby doesn’t tell you how your code has to look. In fact it’s setup so you can use Markdown files for pages, but I didn’t fancy that, so I don’t. Simple as that! Likewise, if I want to scale this to build websites for other people, I don’t want to spend ages teaching them how to use Markdown, clone a Git repo and add it to the Git repo. Queue a [headless CMS](/docs/headless-cms/).
2929

3030
You build your site. You’ve got your Sass, you’ve got your Markdown files (or not), but everything’s blank! So now what? How do we populate it with content?
3131

docs/blog/2019-01-14-modern-publications-with-gatsby-ghost.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ Our latest updates allow you to completely replace the default Handlebars theme
2424

2525
Many developers use static site generators alongside locally stored Markdown files, using a code editor to create content and a GIT workflow to publish. While this works great and is suitable for some sites, it quickly becomes unmanageable for publishers that need to scale, or teams that are not solely developers.
2626

27-
This is where a headless CMS comes in, which provides an admin client for authoring and content management, while still bringing all of the benefits of having a static front-end. Developers can use their preferred stack, and writers have an editor, content scheduling, SEO and much more at their fingertips.
27+
This is where a [headless CMS](/docs/headless-cms/) comes in, which provides an admin client for authoring and content management, while still bringing all of the benefits of having a static front-end. Developers can use their preferred stack, and writers have an editor, content scheduling, SEO and much more at their fingertips.
2828

2929
When you look at the bigger picture of the [content mesh](/blog/2018-10-04-journey-to-the-content-mesh/), it really starts to feel like an inevitable future for building publishing websites.
3030

docs/blog/2019-03-26-what-the-jamstack-means-for-marketing/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@ I've already covered some of the benefits of opting to use JAMstack instead of a
130130

131131
**The "downsides":**
132132

133-
- Even if using a headless CMS, there may still be parts of the site that exist entirely in code. So you'll need to get comfortable with editing content and meta data in more than one place.
133+
- Even if using a [headless CMS](/docs/headless-cms/), there may still be parts of the site that exist entirely in code. So you'll need to get comfortable with editing content and meta data in more than one place.
134134
- Shipping new marketing material might take a little longer compared to relying on well known methods (depends on your stack and your team, though).
135135
- New tech means you might stumble upon some exciting new bugs or issues that can take a while to resolve.
136136

0 commit comments

Comments
 (0)