❝
Hi, everyone, MY name is Xu Xiaoxi. I have shared a lot of topics related to “low code visualization” and “front-end engineering” with you before. Today, I will continue to talk with you about “CMS” ** system.
❞
Content management systems (” CMS “) make it easy for people without strong technical backgrounds to publish content. We can use “CMS” to manage our content and delivery. There are different types of CMS that serve different purposes and have different functions.
In this article, I’ll share some of the best Node.js CMS to use in 2022, hopefully as a guide to choosing the best CMS.
What is a content management system?
A content management system is a software application that provides a graphical user interface containing tools that we can use to create, update, manage, and publish content.
The content is stored in a database and displayed to the target audience through a presentation layer or front end layer provided by the CMS, usually in the form of a website template.
There are different types of “CMS”, but the most common ones are as follows:
Traditional content management systems
A traditional “CMS” is an integrated and tightly coupled system. With a traditional “CMS,” content is tied to the front layer or “header.” Traditional “CMS” provide a front end layer for displaying content.
Traditional “CMS” have lower barriers to entry. It provides templates, drag-and-drop interfaces, and wySIWYG editors that allow non-developers to create web sites without programming or technical knowledge.
2. Headless content management system
A “Headless CMS” is a back-end only and “API” first content delivery system. It does not have the limitations of a traditional “CMS”.
Unlike traditional “CMS”, headless “CMS” does not provide a presentation layer. Instead, it acts as a cloud-based repository for our content. Content is decoupled from the front-end presentation.
Developers access the content they need to display to users through “apis” provided by “CMS” (whether “REST” or “GraphQL”).
Based on “API,” developers are free to choose the tools, programming languages, and frameworks they like to use.
3. Hybrid content management system
Hybrid “CMS” blends traditional and headless “CMS” experiences. It gives developers and marketers the best of both worlds.
It is a combination of the “API” priority approach of headless “CMS” and the templating system of traditional “CMS”.
Hybrid CMS provides marketers and content writers with an interface and experience familiar to traditional CMS, and developers with the “API” access they need to deliver content across multiple channels.
Node.js based CMS
Node.js CMS is a CMS built with Node.js. However, this does not mean that developers can only use “Node.js”.
Next, let’s introduce CMS, which will be active in 2022.
1. Strapi
We can customize “Strapi” to suit our needs with its adjustable Settings and admin panel. We can also extend the functionality of “Strapi” by installing community-developed plug-ins.
Strapi supports multiple databases, such as MongoDB, SQLite, MySQL PostgreSQL, and MariaDB.
Strapi offers permanently free community plans and other premium pricing options based on user needs.
Features:
- Fully customizable
- REST and GraphQL API
- Plug-in market
- Internationalization support
Address: strapi. IO /
2. Ghost
Ghost is focused on simplifying the online publishing process for publishers, entrepreneurs, and developers. In short, Ghost makes it easy to blog and publish “Web” content.
We can be productive with Ghost because it provides integration with common tools that professionals use on a daily basis.
Ghost provides a “REST API” that developers can use to retrieve “CMS” data and display it to a target audience.
It is first and foremost open source software, so we can clone the repository and deploy instances to our servers for free. But Ghost offers different payment plans, with the base plan starting at $9 a month.
The characteristics of
- Search engine optimization
- Third party Integration
- The theme of market
- REST API
- Internationalization support
- Audience engagement Analysis
- Email marketing
- Feature-rich editor that focuses on content
- Built-in subscription and membership management
Address: ghost.org/
3. Sanity
“Sanity” provides a “GraphQL API” that developers can use to access content stored in their repositories.
Sanity provides a wide range of plug-ins and third-party integration that we can use to customize our workplace and extend its functionality. It offers free packages and other pricing options.
The characteristics of
- GraphQL API
- Internationalization support
- Adaptable and versatile — you can have different applications that go beyond the traditional Web experience
- Growing community – extensive guides, plug-ins, and code examples
Website: www.sanity.io/
4. ButterCMS
“ButterCMS” is an “API” driven “CMS” and blogging engine for fast website development that meets the needs of developers and marketers.
As an “API” driven “CMS,” it is developer-friendly. But Butter enables marketers to do their best with built-in SEO, preview, revision history, and scheduling features.
Butter takes media management to a new level. In addition to storing and optimizing images, Butter comes with a built-in image editor that we can use to transform, crop, resize, apply filters, and more.
Butter has a free developer program for non-commercial use. Its basic payment plan is $83 a month.
The characteristics of
- REST API
- Built-in image editor
- internationalization
- Search engine optimization
Address: buttercms.com/
5. Apostrophe
“Apostrophe” is built using “Node.js”, “Express”, “MongoDB” and “vue.js” technologies.
Apostrophe has an extension and integration system that provides various extensions for use cases such as “SSO,” forms, marketing, “SEO,” design, security, and so on. It also provides drag-and-drop functionality that you can use to build the front-end structure of your site.
The characteristics of
- Custom plug-in support
- REST API
- Drag and drop interface
- internationalization
Address: apostrophecms.com/
6. Prismic
Prismic has a feature, content slicing, that we can use to break up the pages of our site into different sections. We can use content slicing to create reusable custom components and build dynamic layouts for landing pages, micro-sites, case studies, and recommendations.
Prismic provides “REST” and “GraphQL apis” that developers can use to access content stored in their repositories. It also provides “SDKS” for different programming languages such as “C#”, “JavaScript”, “Ruby” and “Java”.
Prismic is an affordable, low-cost “CMS” that has a free community plan.
Address: prismic. IO /
7. Tina
** “Tina” ** supports “MDX”, which enables developers to create dynamic, interactive and customizable content.
“Tina” provides a “GraphQL API” that we can use to query and retrieve our content. There is also a “Cloudinary” package that we can use to optimize and manage our media files.
The characteristics of
- Great real-time editing experience
- MDX support
- GraphQL API
Address: Tina. IO /
8. Keystone
We can use Keystone to build the most basic web site or a more complex application, such as an e-commerce store.
Using Keystone, we described an architecture for our content and got a “GraphQL API” and a nice admin “UI” for our content.
We can create custom reusable components for different parts of our site in Keystone.
Features GraphQL API custom response components flexible relational powerful filtering capabilities for database migration
Address: keystonejs.com/
9. Payload
“Payload” provides “REST” and “GraphQL APIS” that are automatically generated based on the collection of content defined in the configuration file. We can also use native “apis” with server-side frameworks such as “next.js”.
“Payload” has a built-in email function. We can use it to handle password resets, order confirmation, and other use cases. “Payload” uses “Nodemailer” to process E-mail.
Payload has free plans and other pricing options. It’s completely free for development purposes, but once we want to move the project into production, even if we use the free version, we have to choose one of the available licenses.
The characteristics of
- REST and GraphQL API
- Email function
- Content localization
- security
- There is no limit to what is available on any of the three plans
Address: payloadcms.com/
10. Directus
Directus provides RESTful and GraphQL apis to manage data in the database.
We can use the database of our choice because ‘Directus’ supports’ PostgreSQL’, ‘MySQL’, ‘SQLite’, ‘OracleDB’, ‘MariaDB’ and ‘MS-SQL’ databases.
Directus offers a free self-hosted plan; It also offers paid cloud plans. Core team support only applies to cloud management projects.
The characteristics of
- validation
- Internationalization of content
- Free and open source
- Support for any SQL database
- Zero vendor lock-in
Address: directus. IO /
Ok, that’s all for today’s sharing, if the article is helpful to you, welcome to “like” + “comment”, encourage the author to create better content ~
Technical review summary: interesting front end
More recommended
- How to build building blocks to quickly develop H5 pages?
- React loading animation library developed from scratch
- Develop a lightweight sliding verification code plug-in from scratch
- How to design a visual platform component store?
- Build engine from zero design visualization large screen
- Build desktop visual editor Dooring from zero using Electron
- (low code) Visual construction platform data source design analysis