Hi, everybody, i'm seo yao, and i've been sharing a lot of topics about low code visualization and front-end engineering, and i'm going to talk to you today about the cms** system.
The content management system ( "cms") allows people without a strong technical background to easily publish content. We can use cms to manage our content and delivery. There are different types of "cms" on the market that perform different purposes and have different functions。
In this paper, i will share with you some of the best "node. Js cms" used in 2022, which i hope will guide us in choosing the best cms。
What is a content management system
The content management system is a software application that provides a graphical user interface containing tools that we can use to create, update, manage and disseminate content。
Content is stored in the database and displayed to the target audience through the presentation or front-end layers provided by cms, usually in the form of web templates。
There are different types of "cms" but the most common are as follows:
Traditional content management systems
Traditional "cms" is a holistic and closely linked system. For the traditional "cms", the content is closely linked to the front layer or the "head". The traditional "cms" provides a front-end layer of content。
The traditional cms entry threshold is lower. It provides templates, drag-and-drop interfaces and spot-on editors, enabling non-developers to create websites without programming or technical knowledge。
2. Headless content management system
"healthes cms" is a back-end and api priority content delivery system. It has no traditional "cms" limits。
Unlike the traditional "cms", headless "cms" does not provide a display floor. Rather, it serves as a cloud-based repository of our content. The content is decorated with the front-end display。
The developers have access to what they need to display to users through "api" (whether "rest" or "graphql") provided by "cms"。
On the basis of api, developers are free to choose the tools, programming languages and frameworks they like to use。
3. Mixed content management system
The mix of "cms" incorporates traditional and headless "cms" experiences. It provides both development and marketing staff with a dual advantage。
It is a combination of the headless "cms" "api" preferred method and the traditional "cms" template system。
The mixed "cms" provides the market and content writer with a familiar interface and experience with the traditional "cms" and with the "api" access that developers need to deliver content across multiple channels。
Cms based on node. Js
"node. Js cms" is built on "node. Js"; however, this does not mean that developers can only use "node. Js"。
Let's go to the more active cms in 2022。
1. Strapi
Strapi is a popular, flexible and open-source "cms" that enables us to create a rich digital experience. "strapi" provides "rest" and "graphql api", which developers can use to access contents stored in their repositories。
We can meet our needs by customizing "strapi" through adjustable settings and management panels. We can also expand the "strapi" function by installing community-developed plugins。
"strapi" supports various databases such as "mongodb", "sqlite", "mysql postgresql" and "mariadb"。
“strapi” offers permanent free community schemes and other fee pricing options based on user needs。
Characteristics:
Website: strapi. Io/
Ghost
"ghost" is a powerful publishing platform trusted by the world's leading writers, creators and professional content teams。
"ghost" focuses on streamlining online publishing processes for publishers, entrepreneurs and developers. In short, "ghost" makes it easier to blog and publish "web"。
We can be efficient in using "ghost" because it provides an integration of commonly used tools used by professionals on a daily basis。
"ghost" provides a "rest api" that developers can use to retrieve cms data and show it to the target audience。
It is, above all, an open source software so that we can clone the repository free of charge and deploy examples to our servers. But "ghost" offers different payment plans, with a basic plan of $9 per month。
Characteristics
Website: ghost. Org/
Sanity
"sanity" is much more than the traditional "web" experience. From portfolio and corporate websites to e-commerce applications, sanity applications are everywhere。
"sanity" provides a "graphql api" that developers can use to access content stored in their repositories。
Sanity offers a wide range of plugins and third-party integrations that we can use to customize and expand our workplace. It provides a free package and other pricing options。
Characteristics
Website: www. Sanity. Io/
4. Buttercms
Buttercms is an api-driven cms and blog engine for fast-track website development that meets the needs of developers and marketers。
As an api-driven cms, it's friendly to developers. However, "butter" enables marketing staff to do their best with its built-in "seo", preview, revision of historical records and scheduling。
Butter raised media management to a new level. In addition to storing and optimizing images, butter provides an embedded image editor that we can use to convert, crop, resize, apply filters, etc。
Butter has a non-commercial free developer scheme. Its basic payment plan is $83 per month。
Characteristics
Website: buttercms. Com/
5. Apostrophe
"apostrophe cms" describes itself as "a powerful and flexible web-building platform that applies to digital agencies, "saas" companies, higher education, business, etc."
"apostrophe" is built using technology such as "node. Js", "express", "mongodb" and "vue. Js"。
"apostrophe" has an extended and integrated system that provides a variety of extensions for the use of "sso", forms, marketing, "seo", design, security, etc. It also provides drag-and-drop functions that we can use to build the front-end structure of the website。
Characteristics
Website: apostrophecms. Com/
6. Prismic
Prismic is a headless "cms" for editing online content. We can use prismic to build everything from simple, edit and business websites to e-commerce stores。
Prismic has a feature, a content slice that we can use to divide the pages of our website into different parts. We can use content slices to create reusable custom components and build dynamic layouts for landing pages, microsites, case studies and recommendations。
Prismic offers "rest" and "graphql api", which developers can use to access contents stored in their repositories. It's also c#, javas"sdk" is available in different programming languages such as cript, ruby and java。
Prismic is an affordable, low-cost cms, which has a free community scheme。
Website: prismic. Io/
7. Tina
"tina" is a free and completely open-source "cms" dedicated to "next. Js" and "gatsby"-based frameworks. It provides visual editing experience for content stored in markdown and json。
** "tina" ** supports "mdx", which enables developers to create dynamic, interactive and self-defined content。
Tina provides a "graphql api" that we can use to query and retrieve our content. There's a claudinary package that we can use to optimize and manage our media files。
Characteristics
Website: tina. Io/
Keystone
Keystone is an open source programmable backend that allows you to create highly customized cms and api in a few minutes。
We can use keystone to build basic websites or more sophisticated applications, such as e-commerce stores。
Using keystone, we described a structure for our content and got a "graphql api" and a pretty management "ui."。
We can create custom reusable components for different parts of our website in keystone。
Characteristics graphql api custom response component flexible relationships powerful filter database migration
Website: keystonejs. Com/
Payload
“payload” is an open-source, self-cussed headless “cms”, constructed using “node. Js”, “express”, “react” and “mongodb”。
Payload provides an automatic generation of "rest" and "graphql api" based on the set of contents defined in the configuration file. We can also use local "api" with server-end frames such as "next. Js"。
Payload has built-in email functions. We can use it to process password resets, order confirmations and other examples. Payload uses nodemailer to process emails。
Payload has a free scheme and other pricing options. It is completely free for development purposes, but once we want to move the project to production, even if we use the free version, we must choose one of the licences available。
Characteristics
Website: payloadcms. Com/
Directus
Directus is the open-source "cms" for managing the custom "sql" database. **directus** also has a visual management application for non-technical users to manage content。
Directus provides "restful" and "graphql api" to manage data in the database。
We can use the databases we choose because "directus" supports "postgresql", "mysql", "sql", "sqlite", "oracledb", "mariadb" and "ms-sql" databases。
"directus" offers a free self-cussed scheme; it also provides a payment cloud scheme. Core team support only applies to cloud management projects。
Characteristics
Website: directctus. Io/
All right, that's it for today. If the article helps you, welcome the + review, encourage authors to create better content
Technical duplicate summary: conversation frontend
