You don't need a CMS to edit your website
Artem Rudenko
Software engineer, founder of ottofeller.com
Table of contents
The infamous blog engine is not the only option when you need to build a website that can be edited online without a help of your developers. Instead of relying on heavy, and in many ways outdated software you can go another route that will make your website faster while also providing better editing capabilities than does infamous blog engine. The solution is a headless CMS. Let's see what it is and why its worth your attention.
It is headless
Headless CMS is usually a SAAS platform or hosted software which provides a backend UI for editing your content as well as API for requesting the content from it. But it is not aimed for rendering content on the publicly faced pages. A very nice UI that allows seamlessly managing your content, rich text editor, media library, CDN and modern GraphQL API — this is just a fraction of features provided by most known solutions.
Typically headless CMS works in the following way:
- Content editors manage a content in the backend UI provided by SAAS platform
- Frontend developers integrate an API of the SAAS platform on the website
- During the build of a website content is requested from the API and then statically inserted on the corresponding pages.
As you can see, with headless CMS you can completely separate a database with your content from publicly faced website. It brings several important advantages, one of which is performance of your website.
Advantages that are hard to beat
Performance
There is no longer need in a heavy blog engine to render pages of your website. Using modern JAM stack (JavaScript, API, Markup) you can render static pages. Headless CMS API combined with JavaScript allows for delivering completely static HTML/CSS. Do you know what performs better than a static website? Nothing! A static HTML/CSS is the ultimate way to serve your website blazing fast.
Granular editing permissions
With headless CMS you can allow content editors editing only particular copies of a page, not an entire page. For example, on the About Us page of your website you would want them to modify just few paragraphs, in the format of plain text. This is much safer than letting non-tech savvy person changing anything on a page of a website. In contrast, all the hosted blog engines allow modifying HTML. Unrestricted editing of a source code of a page is a ticking bomb. Sooner or later someone will accidentally post a breaking update.
No maintenance cost
Finally — it is cheap. Of course a headless CMS SAAS will cost you some money (something below $50/month). But it is nothing compared to the time your developers would spent on implementation and maintenance of the in-house CMS system. Even if you ask your developers to update a content manually — it is still not cheaper than something below $50/month.
Examples
To give a better idea about modern headless CMS services here are a few examples of them. All of them provide a similar set of features, but are different in extras and pricing model. With no doubt you can find something that suits your needs in the list below.
- Prismic https://prismic.io
- Ghost https://ghost.org
- Sanity https://www.sanity.io
- GraphCMS https://graphcms.com
- DatoCMS https://www.datocms.com
Other articles
Gradual rollouts with AWS Lambda
Learn how to mitigate deployment risks using AWS Lambda's gradual rollout feature, enabling safer, incremental updates to your product's backend.
Using Tailwind to fill in the gaps in your team's CSS knowledge
Many engineering teams are favoring Tailwind CSS over plain CSS for its ease of styling web frontends with utility classes, addressing scalability issues encountered with traditional CSS as project size grows.