[[442752]]

hi, 大家好, 我是徐小夕,之前和大家分享了很多「低代碼可視化」和「前端工程化」相關的話題, 今天繼續和大家聊聊「CMS」系統.

內容管理系統 (「CMS」) 使沒有強大技術背景的人也能夠輕松發布內容。我們可以使用 「CMS」 來管理我們的內容和交付。市面上有不同類型的 「CMS」，它們執行不同的目的并具有不同的功能。

在本文中，我將和大家分享一下 「2022」 年使用的一些最佳 「Node.js CMS」，希望可以作為我們選擇最佳 「CMS」 的指南。

什么是內容管理系統?

內容管理系統是一種軟件應用程序，它提供圖形用戶界面，其中包含我們可以用來創建、更新、管理和發布內容的工具。

內容存儲在數據庫中，并通過 CMS 提供的展示層或前端層(通常以網站模板的形式)顯示給目標受眾。

有不同類型的 「CMS」，但最常見的如下：

1.傳統內容管理系統

傳統的 「CMS」 是一個整體且緊密耦合的系統。對于傳統的 「CMS」，內容和前端層或“頭部”緊密相連。傳統的 「CMS」 提供了顯示內容的前端層。

傳統 「CMS」 的入門門檻較低。它提供模板、拖放界面和所見即所得編輯器，使非開發人員無需編程或技術知識即可創建網站。

2.無頭內容管理系統

「Headless CMS」 是僅后端且 「API」 優先的內容交付系統。它沒有傳統 「CMS」 的限制。

與傳統的 「CMS」 不同，無頭 「CMS」 不提供展示層。相反，它充當我們內容的基于云的存儲。內容與前端展示解耦。

開發人員通過 「CMS」 提供的 「API」(無論是 「REST」 還是 「GraphQL」)訪問他們需要向用戶顯示的內容。

由于基于 「API」，開發人員可以自由選擇他們喜歡使用的工具、編程語言和框架。

3.混合內容管理系統

混合 「CMS」 融合了傳統和無頭 「CMS」 體驗。它為開發人員和營銷人員提供了兩全其美的優勢。

它是無頭 「CMS」 的 「API」 優先方法與傳統 「CMS」 的模板系統的組合。

混合 「CMS」 為市場和內容編寫者提供了傳統 「CMS」 熟悉的界面和體驗，并為開發人員提供了跨多個渠道交付內容所需的 「API」 訪問權限。

基于 Node.js 的 CMS

「Node.js CMS」 是用 「Node.js」 構建的 「CMS」;然而，這并不意味著開發人員只能使用 「Node.js」。

接下來就來介紹一下 「2022」 年比較活躍的 「CMS」。

1. Strapi

「Strapi」 是一種流行、靈活且開源的無頭 「CMS」，使我們能夠創建豐富的數字體驗。「Strapi」 提供了 「REST」 和 「GraphQL API」，開發人員可以使用這些 「API」 來訪問存儲在其存儲庫中的內容。

我們可以通過其可調整的設置和管理面板自定義 「Strapi」 以滿足我們的需求。我們還可以通過安裝社區開發的插件來擴展 「Strapi」 的功能。

「Strapi」 支持多種數據庫，例如 「MongoDB」、「SQLite」、「MySQL PostgreSQL」 和 「MariaDB」。

「Strapi」 提供永久免費的社區計劃和其他基于用戶需求的付費定價選項。

特點:

• 完全可定制
• REST 和 GraphQL API
• 插件市場
• 國際化支持

網址: https://strapi.io/

2. Ghost

「Ghost」 是一個強大的發布平臺，受到世界領先的作家、創作者和專業內容團隊的信賴。

「Ghost」 專注于為出版商、企業家和開發人員簡化在線發布流程。簡而言之，「Ghost」 使博客和發布 「Web」 內容變得簡單。

我們可以在使用 「Ghost」 時保持高效，因為它為專業人士日常使用的常用工具提供了集成。

「Ghost」 提供了一個 「REST API」，開發人員可以使用它來檢索 「CMS」 數據并將其顯示給目標受眾。

它首先是一個開源軟件，因此我們可以免費克隆存儲庫并將實例部署到我們的服務器上。但是，「Ghost」 提供不同的付費計劃，其基本計劃為每月 9 美元。

特點

• 搜索引擎優化
• 第三方集成
• 主題市場
• REST API
• 國際化支持
• 觀眾參與度分析
• 電子郵件營銷
• 功能豐富的編輯器，專注于內容
• 內置訂閱和會員管理

網址: https://ghost.org/

3. Sanity

「Sanity」 的用途遠不止傳統的 「Web」 體驗。從投資組合和公司網站到電子商務應用程序，「Sanity」 的應用無處不在。

「Sanity」 提供了一個 「GraphQL API」，開發人員可以使用它來訪問存儲在其存儲庫中的內容。

「Sanity」 提供了廣泛的插件和第三方集成，我們可以用來定制我們的工作場景并擴展其功能。它提供免費套餐并有其他定價選項。

特點

• GraphQL API
• 國際化支持
• 適應性強且用途廣泛——可以擁有超越傳統 Web 體驗的不同應用程序
• 不斷發展的社區——廣泛的指南、插件和代碼示例

網址: https://www.sanity.io/

[[442753]]

4. ButterCMS

「ButterCMS」 是一個 「API」 驅動的 「CMS」 和博客引擎，用于快速網站開發，可滿足開發人員和營銷人員的需求。

作為 「API」 驅動的 「CMS」，它對開發人員友好。但是，憑借內置 「SEO」、預覽、修訂歷史記錄和日程安排等功能，「Butter」 使營銷人員能夠做到最好。

「Butter」 將媒體管理提升到一個新的水平。除了存儲和優化圖像，「Butter」 還提供了一個內置的圖像編輯器，我們可以使用它來轉換、裁剪、調整大小、應用過濾器等等。

「Butter」 有一個非商業用途的免費開發者計劃。其基本付費計劃為每月 83 美元。

特點

• REST API
• 內置圖像編輯器
• 國際化
• 搜索引擎優化

網址: https://buttercms.com/

5. Apostrophe

「Apostrophe CMS」 稱自己為“一個強大且靈活的網站構建平臺，適用于數字機構、「SaaS」 公司、高等教育、企業等。”

「Apostrophe」 是使用 「Node.js」、「Express」、「MongoDB」 和 「Vue.js」 等技術構建的。

「Apostrophe」 有一個擴展和集成系統，可為 「SSO」、表單、營銷、「SEO」、設計、安全等用例提供各種擴展。它還提供了拖放功能，我們可以利用它來構建網站的前端結構。

特點

• 自定義插件支持
• REST API
• 拖放界面
• 國際化

網址: https://apostrophecms.com/

6. Prismic

「Prismic」 是一個用于編輯在線內容的無頭 「CMS」。我們可以使用 「Prismic」 構建從簡單、編輯和企業網站到電子商務商店的所有內容。

「Prismic」 有一個功能，內容切片，我們可以用它來將我們網站的頁面分成不同的部分。我們可以使用內容切片來創建可重用的自定義組件，并為登陸頁面、微型網站、案例研究和推薦構建動態布局。

「Prismic」 提供了 「REST」 和 「GraphQL API」，開發人員可以使用這些 「API」 來訪問存儲在其存儲庫中的內容。它還為 「C#」、「JavaScript」、「Ruby」 和 「Java」 等不同的編程語言提供 「SDK」。

「Prismic」 是一個負擔得起的低成本 「CMS」，它有一個免費的社區計劃。

網址: https://prismic.io/

7. Tina

「Tina」 是一個免費且完全開源的無頭 「CMS」，專為 「Next.js」 和 「Gatsby」 等基于 「React」 的框架構建。它為存儲在 「Markdown」 和 「JSON」 中的內容提供可視化編輯體驗。

「Tina」支持 「MDX」，它使開發人員能夠創建動態、交互式和可自定義的內容。

「Tina」 提供了一個 「GraphQL API」，我們可以使用它來查詢和獲取我們的內容。還有一個 「Cloudinary」 包，我們可以用它來優化和管理我們的媒體文件。

特點

• 很棒的實時編輯體驗
• MDX 支持
• GraphQL API

網址: https://tina.io/

8. Keystone

「Keystone」 是一個開源可編程后端，可讓我們在幾分鐘內創建高度定制的 「CMS」 和 「API」。

我們可以使用 「Keystone」 來構建最基本的網站或更復雜的應用程序，例如電子商務商店。

使用 「Keystone」，我們為我們的內容描述了一個架構，并為內容獲得了一個 「GraphQL API」 和漂亮的管理 「UI」。

我們可以在 「Keystone」 中為我們網站的不同部分創建自定義的可重用組件。

特點 GraphQL API 自定義響應組件 靈活的關系 強大的過濾功能 數據庫遷移

網址: https://keystonejs.com/

9. Payload

「Payload」 是一個開源、自托管的無頭 「CMS」，使用 「Node.js」、「Express」、「React」 和 「MongoDB」 構建。

「Payload」 提供基于配置文件中定義的內容集合自動生成的 「REST」 和 「GraphQL API」。我們還可以將本地 「API」 與服務器端框架(例如 「Next.js」)一起使用。

「Payload」 帶有內置的電子郵件功能。我們可以使用它來處理密碼重置、訂單確認和其他用例。「Payload」 使用 「Nodemailer」 來處理電子郵件。

「Payload」 有免費計劃和其他定價選項。出于開發目的，它是完全免費的，但是一旦我們想要將項目推向生產，即使我們使用免費版本，我們也必須選擇可用的許可證之一。

特點

• REST 和 GraphQL API
• 電子郵件功能
• 內容本地化
• 安全
• 三個計劃中任何一個的可用功能都沒有限制

網址: https://payloadcms.com/

10. Directus

[[442754]]

「Directus」 是用于管理自定義 「SQL」 數據庫的開源無頭 「CMS」。Directus 還有一個直觀的管理應用程序，供非技術用戶管理內容。

「Directus」 提供 「RESTful」 和 「GraphQL API」 來管理數據庫中的數據。

我們可以使用我們選擇的數據庫，因為 「Directus」 支持 「PostgreSQL」、「MySQL」、「SQLite」、「OracleDB」、「MariaDB」 和 「MS-SQL」 數據庫。

「Directus」 提供自托管的免費計劃;還提供付費云計劃。核心團隊支持僅適用于云管理項目。

特點

• 驗證
• 內容國際化
• 免費和開源
• 支持任何SQL數據庫
• 零供應商鎖定

網址: https://directus.io/

本文轉載自微信公眾號「趣談前端」，可以通過以下二維碼關注。轉載本文請聯系趣談前端公眾號。