From 108e99ddb4ac81e500c05f75c271d7bb70e1aca3 Mon Sep 17 00:00:00 2001 From: Hashim Warren Date: Tue, 15 Oct 2019 10:57:22 -0400 Subject: [PATCH 1/3] Add blog post - free headless CMS --- .../2019-10-15-free-headless-cms/index.md | 74 +++++++++++++++++++ .../src/__tests__/__snapshots__/index.js.snap | 13 ++++ 2 files changed, 87 insertions(+) create mode 100644 docs/blog/2019-10-15-free-headless-cms/index.md diff --git a/docs/blog/2019-10-15-free-headless-cms/index.md b/docs/blog/2019-10-15-free-headless-cms/index.md new file mode 100644 index 0000000000000..699f768fa4f1e --- /dev/null +++ b/docs/blog/2019-10-15-free-headless-cms/index.md @@ -0,0 +1,74 @@ +--- +title: "3 Free Headless CMS's for Your Next Project" +date: 2019-10-15 +author: "Hashim Warren" +excerpt: "Looking for a free headless CMS? This guide will give you a few solid and budget-friendly options to choose from" +tags: ["cms"] +--- + +So, you have a very big idea. But very little money. You [purchased a domain name](https://twitter.com/gatsbyjs/status/1169991336801525761), and now that great idea needs a proper website. + +You decide you want to build your site with Gatsby and one of several [free hosting providers](/docs/deploying-and-hosting/), but you also need a [headless CMS](/docs/headless-cms/) that can start small and grow over time. + +How do you know which headless CMS is right for your site? In this post, we’ll walk through important decisions to consider and weigh the pros and cons of three headless CMS options. + +## Defining our headless CMS requirements + +1. This headless CMS has to be free to use, and free to host. + +2. This headless CMS has to be robust enough to grow with the site over time. + +3. This headless CMS has to work with with front-end frameworks like Gatsby. + +The difficulty with these must-haves is that there are no _truly free_ options. There are open source projects that provide code for free, but you have to host it somewhere. Then, there are hosted headless CMS’s with generous free tiers. But most of them have prohibitive pricing once your project grows. + +No headless CMS is truly free. So, let’s tweak our requirements and find an option that gives us the most power and flexibility for the lowest cost. + +## Good news about the cost of a headless CMS + +A different way of viewing cost is what is the price of a failed project? If you abandon a site, and move on to something else, how much do you need to pay out of your pocket every month to freeze your website and turn it into a museum of the work you put into it. + +In the past you would pay a host and/or a CMS every month no matter your level of usage. And you would still need to keep the CMS updated and secure, even though you have no interest in the project anymore. + +With a headless CMS architecture, the end-of-life for your website is dramatically different, and cheaper. If you plan to quit updating your site, you can unplug your headless CMS as a source, and the website’s assets will remain unchanged. Now, you can continue hosting your assets with a cheap or low cost CDN, without worrying about security problems, or high monthly fees. Your project can be the next Space Jam. + +## Option #1. Headless WordPress + +Every CMS search, headless or not, has to start with the question, “Why not WordPress?”. And for good reason - WordPress powers over 33% of the popular web, and has a dominant share of the content management software market. + +Every writer or marketer who works on the Internet is familiar with WordPress, so onboarding is rarely an issue. And there’s a cottage industry of developer resources and documentation for WordPress available, so getting up to speed on the development side is relatively easy. + +### How “free” is it? + +Cheap hosting is easy to find - providers like Bluehost and Amazon Lightsail offer WordPress hosting for about $4 a month. Other popular hosts like GoDaddy can get you going for less than $10 a month. + +If your website needed all-in-one WordPress, then these cheap, shared hosting packages wouldn’t be enough to handle a website that expects any sort of traffic. However, you’re just using headless WordPress, and all that you ask from the software is to organize your content, and send it to a front-end framework like Gatsby. + +So, as long as the host is reputable, and the service is secure, you can buy the most cost-friendly hosting available. See Gatsby’s guide on getting started with [over a dozen headless CMS’s](https://www.gatsbyjs.org/docs/headless-cms/) + +## Option #2. Netlify CMS + +Netlify created a free headless CMS modeled after open source projects like WordPress and Drupal, so JAMstack sites would have options beyond SaaS CMS’s. [Netlify CMS](https://www.netlifycms.org/) cleverly uses cloud git services like GitHub and Gitlab as the backend for your content, and claims to work with almost any static site generator, including Gatsby. + +### How “free” is it? + +Because Netlify CMS is tied to third party authentication and git services, it’s unclear at what point you’ll hit your head against a free line. You may also come across barriers and limitations if you want to use Netlify CMS to manage large files like images and videos. + +## Option #3. Headless Ghost + +Ghost is a Node-based, robust CMS that recently [added features](https://ghost.org/blog/jamstack/) to make the software easier to use within a headless CMS architecture. Ghost is used by Apple, Sky News, DuckDuckGo, Mozilla, Square, and CloudFlare - so you’ll be in good company if you choose it. + +### How “free” is it? + +Though Ghost is open source, it still requires hosting. The official Ghost recommendation is to use their own Ghost-optimized hosting at about $30 a month, or generic DigitalOcean hosting which can start at less than $10 + +## The Hidden Cost of Any Free Headless CMS + +No matter how small the initial cost of a “free” headless CMS, the biggest tax you’ll pay is writer workflow. If you, or someone on your team hates writing and managing content within your CMS, then it doesn’t matter how much money was saved every month. + +This is where the power of a headless CMS architecture shines. You can create a Gatsby site that starts with one free headless CMS, then switches to another if the first one didn’t fit your workflow, without making drastic changes to your site. + +The decoupled nature of your site erases concerns of CMS lock-in. + + +Now, that’s really being free! diff --git a/packages/gatsby-plugin-sharp/src/__tests__/__snapshots__/index.js.snap b/packages/gatsby-plugin-sharp/src/__tests__/__snapshots__/index.js.snap index 4394102f521c3..4767f59ec4753 100644 --- a/packages/gatsby-plugin-sharp/src/__tests__/__snapshots__/index.js.snap +++ b/packages/gatsby-plugin-sharp/src/__tests__/__snapshots__/index.js.snap @@ -23,6 +23,19 @@ Object { } `; +exports[`gatsby-plugin-sharp duotone fixed 2`] = ` +Object { + "aspectRatio": 1, + "base64": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAACXBIWXMAAAPoAAAD6AG1e1JrAAABk0lEQVQ4y7VUy07DMBDsf9IDhcauaVM4IajUIuALOFRI/R24wB8AgkpInJKI9ME5zDi24rx5HjZKvOP17Hg2neh8nNjo8CGESGL7sbpwMvrlaepriF4J3dQLMlsXvzbVFCKHLJ3J8+5PRxqlF0OzleFLkSG7Xrp4faiyRaI/Lgs13QhNVB5uCUyUTDyUloidvkjezvyMEB8B4uZkqAHCiR44bYtCcecSirD5XQDmIGzVjOrEiJo4fhvY2jWTG3C6g/TLmZ+8VwEJekWy20+loUSzA5kDp15BKJmXhmD6Iqcjtep5eSArk0ZQPPpqPNAaWiBpbKt0pLgEU2xuIOewTh7rmFWFRH9/M78uaG8yNuox4oYbbrQEhaI4HKEh7mvfS2OE98WR0r6P26zj2ofW5rWowlzY2WduAQxZ14odmNZuMWA0h6wo5pplDxj+MrgnqDM3W32E/QYNxaxN2f7ztNx6qWUCOC3H+F/Y35EU2XCw3QkGhBrHX/WXLbwG4wewoAwMst84t/0jH4ZG36DFLv9m7E/1HjvIa/canAAAAABJRU5ErkJggg==", + "height": 100, + "originalName": undefined, + "src": "/static/1234/59dbf/test.png", + "srcSet": "/static/1234/59dbf/test.png 1x", + "tracedSVG": undefined, + "width": 100, +} +`; + exports[`gatsby-plugin-sharp duotone fluid 1`] = ` Object { "aspectRatio": 1, From e2b42e598adb58adc607fbe5c2973a0d57c4d577 Mon Sep 17 00:00:00 2001 From: Hashim Warren Date: Tue, 15 Oct 2019 13:18:51 -0400 Subject: [PATCH 2/3] add updates to free CMS blog posts --- docs/blog/2019-10-15-free-headless-cms/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/blog/2019-10-15-free-headless-cms/index.md b/docs/blog/2019-10-15-free-headless-cms/index.md index 699f768fa4f1e..7d23e23e2714e 100644 --- a/docs/blog/2019-10-15-free-headless-cms/index.md +++ b/docs/blog/2019-10-15-free-headless-cms/index.md @@ -40,7 +40,7 @@ Every writer or marketer who works on the Internet is familiar with WordPress, s ### How “free” is it? -Cheap hosting is easy to find - providers like Bluehost and Amazon Lightsail offer WordPress hosting for about $4 a month. Other popular hosts like GoDaddy can get you going for less than $10 a month. +Cheap hosting is easy to find - providers like Bluehost and Amazon Lightsail offer WordPress hosting for about \$4 dollars a month. Other popular hosts like GoDaddy can get you going for less than \$10 dollars a month. If your website needed all-in-one WordPress, then these cheap, shared hosting packages wouldn’t be enough to handle a website that expects any sort of traffic. However, you’re just using headless WordPress, and all that you ask from the software is to organize your content, and send it to a front-end framework like Gatsby. @@ -60,7 +60,7 @@ Ghost is a Node-based, robust CMS that recently [added features](https://ghost.o ### How “free” is it? -Though Ghost is open source, it still requires hosting. The official Ghost recommendation is to use their own Ghost-optimized hosting at about $30 a month, or generic DigitalOcean hosting which can start at less than $10 +Though Ghost is open source, it still requires hosting. The official Ghost recommendation is to use their own Ghost-optimized hosting at about \$30 dollars a month, or generic DigitalOcean hosting which can start at less than \$10 dollars. ## The Hidden Cost of Any Free Headless CMS From b63fb9fe612a797fea60ecff5b85ab432859f284 Mon Sep 17 00:00:00 2001 From: Hashim Warren Date: Fri, 18 Oct 2019 15:30:25 -0400 Subject: [PATCH 3/3] removed "gatsby-plugin-sharp duotone fixed 2" --- .../src/__tests__/__snapshots__/index.js.snap | 13 ------------- 1 file changed, 13 deletions(-) diff --git a/packages/gatsby-plugin-sharp/src/__tests__/__snapshots__/index.js.snap b/packages/gatsby-plugin-sharp/src/__tests__/__snapshots__/index.js.snap index 4767f59ec4753..4394102f521c3 100644 --- a/packages/gatsby-plugin-sharp/src/__tests__/__snapshots__/index.js.snap +++ b/packages/gatsby-plugin-sharp/src/__tests__/__snapshots__/index.js.snap @@ -23,19 +23,6 @@ Object { } `; -exports[`gatsby-plugin-sharp duotone fixed 2`] = ` -Object { - "aspectRatio": 1, - "base64": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAACXBIWXMAAAPoAAAD6AG1e1JrAAABk0lEQVQ4y7VUy07DMBDsf9IDhcauaVM4IajUIuALOFRI/R24wB8AgkpInJKI9ME5zDi24rx5HjZKvOP17Hg2neh8nNjo8CGESGL7sbpwMvrlaepriF4J3dQLMlsXvzbVFCKHLJ3J8+5PRxqlF0OzleFLkSG7Xrp4faiyRaI/Lgs13QhNVB5uCUyUTDyUloidvkjezvyMEB8B4uZkqAHCiR44bYtCcecSirD5XQDmIGzVjOrEiJo4fhvY2jWTG3C6g/TLmZ+8VwEJekWy20+loUSzA5kDp15BKJmXhmD6Iqcjtep5eSArk0ZQPPpqPNAaWiBpbKt0pLgEU2xuIOewTh7rmFWFRH9/M78uaG8yNuox4oYbbrQEhaI4HKEh7mvfS2OE98WR0r6P26zj2ofW5rWowlzY2WduAQxZ14odmNZuMWA0h6wo5pplDxj+MrgnqDM3W32E/QYNxaxN2f7ztNx6qWUCOC3H+F/Y35EU2XCw3QkGhBrHX/WXLbwG4wewoAwMst84t/0jH4ZG36DFLv9m7E/1HjvIa/canAAAAABJRU5ErkJggg==", - "height": 100, - "originalName": undefined, - "src": "/static/1234/59dbf/test.png", - "srcSet": "/static/1234/59dbf/test.png 1x", - "tracedSVG": undefined, - "width": 100, -} -`; - exports[`gatsby-plugin-sharp duotone fluid 1`] = ` Object { "aspectRatio": 1,