end of winter tonight
❝Hi, everyone, I am Xu Xiaoxi. I have shared with you a lot of topics related to "low-code visualization" and "front-end engineering" . Today I will continue to chat with you about the "CMS" system.
❞
A content management system ( "CMS" ) makes it easy for people without a strong technical background to publish content. We may use a "CMS" to manage our content and delivery. There are different types of "CMS" in the market , which perform different purposes and have different functions.
In this article, I will share with you some of the best "Node.js CMS" to use in "2022" , hoping to serve as our guide for choosing the best "CMS" .
What is a Content Management System?
A content management system is a software application that provides a graphical user interface with tools that we can use to create, update, manage and publish content.
Content is stored in a database and displayed to the target audience through a CMS
provided presentation layer or front-end layer (usually in the form of a website template).
There are different types of "CMS" , but the most common are as follows:
1. Traditional content management system
A traditional "CMS" is a monolithic and tightly coupled system. With a traditional "CMS" , the content is closely tied to the front-end layer or "head". A traditional "CMS" provides a front-end layer for displaying content.
Traditional "CMS" has a low entry barrier. It provides templates, a drag-and-drop interface, and a WYSIWYG editor, allowing non-developers to create websites without programming or technical knowledge.
2. Headless Content Management System
"Headless CMS" is a backend-only and "API" -first content delivery system. It does not have the limitations of traditional "CMS" .
Unlike a traditional "CMS" , a headless "CMS" does not provide a presentation layer. Instead, it acts as a cloud-based storage for our content. Content is decoupled from front-end display.
Developers access the content they need to display to users through the "API" provided by the "CMS" (whether it is "REST" or "GraphQL" ).
Because it is 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 offers developers and marketers the best of both worlds.
It is a combination of the "API" first approach of a headless "CMS" and the templating system of a traditional "CMS" .
A hybrid "CMS" provides marketers and content writers with the familiar interface and experience of a traditional "CMS" , and provides developers with the "API" access they need to deliver content across multiple channels.
Node.js based CMS
A "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 the more active “CMS” in “2022” .
1. Tear
"Strapi" is a popular, flexible and open source headless "CMS" that enables us to create rich digital experiences. "Strapi" provides "REST" and "GraphQL APIs" that developers can use to access content stored in their repositories.
We can customize "Strapi" to suit our needs through its adjustable settings and admin panel . We can also extend the functionality of "Strapi" by installing community-developed plugins .
"Strapi" supports various databases, such as "MongoDB" , "SQLite" , "MySQL PostgreSQL" and "MariaDB" .
"Strapi" provides a forever free community plan and other paid pricing options based on user needs.
Features:
fully customizable
REST and GraphQL APIs
plugin market
Internationalization support
URL: https://strapi.io/
2. Ghost
"Ghost" is a powerful publishing platform trusted by the world's leading writers, creators and professional content teams.
"Ghost" focuses on simplifying the online publishing process for publishers, entrepreneurs and developers. In short, "Ghost" makes blogging and publishing "Web" content easy.
We can stay productive while using "Ghost" because it provides integrations for 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 the target audience.
It is first and foremost an open source software, so we can clone the repository and deploy instances to our servers for free. However, “Ghost” offers different paid plans, the basic plan is $9 per month.
features
Search Engine Optimization
third party integration
theme market
REST API
Internationalization support
Audience Engagement Analysis
email marketing
Feature-rich editor focused on content
Built-in subscription and membership management
URL: https://ghost.org/
3. Sanity
"Sanity" is used for far more than the traditional "Web" experience. From portfolio and company websites to e-commerce applications, "Sanity" has applications everywhere.
"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 integrations that we can use to customize our work scenarios and extend their functionality. It offers a free tier and has other pricing options.
features
GraphQL API
Internationalization support
Adaptable and versatile - can have different applications beyond the traditional web experience
Growing community - extensive guides, plugins and code samples
URL: https://www.sanity.io/
4. ButterCMS
"ButterCMS" is an "API" driven "CMS" and blogging engine for rapid website development that caters to the needs of developers and marketers.
As an "API" driven "CMS" , it is developer friendly. But with features like built-in SEO , previews, revision history, and scheduling, Butter empowers marketers to do their best work.
"Butter" takes media management to a new level. In addition to storing and optimizing images, "Butter" also provides a built-in image editor that we can use to convert, crop, resize, apply filters, and more.
"Butter" has a free developer program for non-commercial use. Its basic paid plan is $83 per month.
features
REST API
Built-in image editor
globalization
Search Engine Optimization
URL: https://buttercms.com/
5. Apostrophe
"Apostrophe CMS" bills itself as "a powerful and flexible website building platform for digital agencies, "SaaS" companies, higher education, enterprises and more. "
"Apostrophe" is built using technologies such as "Node.js" , "Express" , "MongoDB" and "Vue.js" .
"Apostrophe" has an extension and integration system that provides various extensions for "SSO" , forms, marketing, "SEO" , design, security and other use cases. It also provides a drag and drop feature that we can utilize to build the front-end structure of the website.
features
Custom plugin support
REST API
drag and drop interface
globalization
URL: https://apostrophecms.com/
6. Prismic
"Prismic" is a headless "CMS" for editing online content . We can use Prismic to build everything from simple, editorial and corporate websites to eCommerce stores.
"Prismic" has a feature, content slices, that we can use to divide the pages of our website into different sections. We can use content slices to create reusable custom components and build dynamic layouts for landing pages, microsites, case studies and testimonials.
"Prismic" provides "REST" and "GraphQL API" that developers can use to access content stored in its repository. It also provides "SDK" for different programming languages such as "C#" , "JavaScript" , "Ruby" and "Java" .
"Prismic" is an affordable low-cost "CMS" that has a free community plan.
URL: https://prismic.io/
7. Tina
"Tina" is a free and fully open-source headless "CMS" built for React- based frameworks like "Next.js" and "Gatsby" . It provides a visual editing experience for content stored in "Markdown" and "JSON" .
"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 fetch our content. There is also a "Cloudinary" package that we can use to optimize and manage our media files.
features
Great real-time editing experience
MDX support
GraphQL API
URL: https://tina.io/
8. Keystone
"Keystone" is an open source programmable backend that allows us to create highly customized "CMS" and "API" in minutes .
We can use "Keystone" to build the most basic website or more complex applications, such as e-commerce stores.
Using "Keystone" , we describe a schema for our content and get a "GraphQL API" and beautiful admin "UI" for our content .
We can create custom reusable components in "Keystone" for different parts of our website.
Features GraphQL API Custom Response Components Flexible Relationships Powerful Filtering Database Migration
URL: https://keystonejs.com/
9. Payload
"Payload" is an open source, self-hosted headless "CMS" built using "Node.js" , "Express" , "React" and "MongoDB" .
"Payload" provides an automatically generated "REST" and "GraphQL API" based on the content collection defined in the configuration file . We can also use local "APIs" with server-side frameworks such as "Next.js" .
"Payload" has built-in email functionality. We can use this to handle password resets, order confirmations, and other use cases. "Payload" uses "Nodemailer" to handle emails.
"Payload" has a free plan and other pricing options. For development purposes, it's completely free, but once we want to push the project to production, we have to choose one of the available licenses even if we use the free version.
features
REST and GraphQL APIs
email function
content localization
Safety
There is no limit to the features available on any of the three plans
URL: https://payloadcms.com/
10. Direct
"Directus" is an open source headless "CMS" for managing custom "SQL" databases . Directus also has an intuitive administration application for non-technical users to manage content.
"Directus" provides "RESTful" and "GraphQL API" 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 self-hosted free plan; paid cloud plans are also available. Core Team Support is only available for cloud management projects.
features
verify
Content internationalization
free and open source
Supports any SQL database
Zero vendor lock-in
URL: https://directus.io/
H5-Dooring, make H5 production easier
Alright, that’s all for today’s sharing. If the article is helpful to you, welcome to “Like” + “Watching” to encourage the author to create better content~
Click to see you look the best