cms前端主题框架-cms系统 前端框架
今晚冬天结束
❝
大家好,我是许小希。 我和大家分享了很多与“低代码可视化”和“前端工程”相关的话题。 今天继续和大家聊聊“CMS”系统。
❞
内容管理系统(“CMS”)使没有强大技术背景的人可以轻松发布内容。 我们可能会使用“CMS”来管理我们的内容和交付。 市场上有不同类型的“CMS”,它们执行不同的目的并具有不同的功能。
在本文中,我将与您分享一些“2022”中最好用的“Node.js CMS”,希望它能作为我们选择最佳“CMS”的指南。
什么是内容管理系统?
内容管理系统是一种软件应用程序,它提供图形用户界面和我们可以用来创建、更新、管理和发布内容的工具。
内容存储在数据库中,并通过 CMS 提供的演示或前端层(通常以网站模板的形式)显示给目标受众。
有不同类型的“CMS”,但最常见的如下:
1.传统内容管理系统
传统的“CMS”是一个整体且紧密耦合的系统。 对于传统的“CMS”,内容与前端层或“头部”紧密相关。 传统的“CMS”提供了一个用于显示内容的前端层。
传统的“CMS”进入门槛低。 它提供模板、拖放界面和所见即所得的编辑器,允许非开发人员在没有编程或技术知识的情况下创建网站。
2. Headless内容管理系统
“无头 CMS”是仅后端、“API”优先的内容交付系统。 它没有传统“CMS”的局限性。
与传统的“CMS”不同,无头“CMS”不提供表示层。 相反,它充当我们内容的基于云的存储。 内容与前端显示解耦。
开发者通过“CMS”(无论是“REST”还是“GraphQL”)提供的“API”访问他们需要展示给用户的内容。
因为它是基于“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”是一种流行的、灵活的、开源的无头“CMS”,它使我们能够创造丰富的数字体验。 “Strapi”提供了“REST”和“GraphQL API”,开发人员可以使用它们来访问存储在其存储库中的内容。
我们可以通过其可调设置和管理面板自定义“Strapi”以满足我们的需求。 我们还可以通过安装社区开发的插件来扩展“Strapi”的功能。
“Strapi”支持各种数据库,如“MongoDB”、“SQLite”、“MySQL PostgreSQL”和“MariaDB”。
“Strapi”根据用户需求提供永久免费的社区计划和其他付费定价选项。
特征:
2.幽灵
“Ghost”是一个强大的发布平台,深受世界领先的作家、创作者和专业内容团队的信赖。
“幽灵”专注于为出版商、企业家和开发者简化在线出版流程。 简而言之,“Ghost”使博客和发布“Web”内容变得容易。
我们可以在使用“Ghost”时保持高效,因为它为专业人员日常使用的常用工具提供了集成。
“Ghost”提供了一个“REST API”,开发人员可以使用它来检索“CMS”数据并将其显示给目标受众。
它首先是一个开源软件,因此我们可以免费克隆存储库并将实例部署到我们的服务器。 然而,“Ghost”提供了不同的付费计划,基本计划是每月 9 美元。
特征
3.理智
“Sanity”的用途远不止传统的“Web”体验。 从投资组合和公司网站到电子商务应用程序,“Sanity”的应用程序无处不在。
“Sanity”提供了一个“GraphQL API”,开发人员可以使用它来访问存储在其存储库中的内容。
“Sanity”提供了广泛的插件和第三方集成,我们可以使用它们来定制我们的工作场景并扩展它们的功能。 它提供免费套餐并具有其他定价选项。
特征
4.ButterCMS
“ButterCMS”是一个“API”驱动的“CMS”和博客引擎cms前端主题框架,用于快速网站开发,可满足开发人员和营销人员的需求。
作为“API”驱动的“CMS”,它对开发人员友好。 但凭借内置 SEO、预览、修订历史记录和日程安排等功能,Butter 使营销人员能够做到最好。
“黄油”将媒体管理提升到一个新的水平。 除了存储和优化图像,“黄油”还提供了一个内置的图像编辑器,我们可以使用它来转换、裁剪、调整大小、应用滤镜等等。
“黄油”有一个免费的非商业用途的开发者程序。 它的基本付费计划是每月 83 美元。
特征
5.撇号
“Apostrophe CMS”自称是“一个强大而灵活的网站构建平台,适用于数字机构、“SaaS”公司、高等教育、企业等。”
“Apostrophe”是使用“Node.js”、“Express”、“MongoDB”和“Vue.js”等技术构建的。
“Apostrophe”有一个扩展和集成系统,为“SSO”、表单、营销、“SEO”、设计、安全和其他用例提供各种扩展。 它还提供了拖放功能,我们可以利用它来构建网站的前端结构。
特征
6.棱镜
“Prismic”是一个用于编辑在线内容的无头“CMS”。 我们可以使用 Prismic 构建从简单的编辑和公司网站到电子商务商店的所有内容。
“Prismic”有一个功能,内容切片,我们可以用它来将我们网站的页面分成不同的部分。 我们可以使用内容切片来创建可重用的自定义组件,并为登陆页面、微型网站、案例研究和推荐构建动态布局。
“Prismic”提供“REST”和“GraphQL API”,开发人员可以使用它们来访问存储在其存储库中的内容。 它还为“C#”、“JavaScript”、“Ruby”和“Java”等不同的编程语言提供“SDK”。
“Prismic”是一种负担得起的低成本“CMS”,具有免费的社区计划。
7.蒂娜
“Tina”是一个免费且完全开源的无头“CMS”,专为基于 React 的框架(如“Next.js”和“Gatsby”)而构建。 它为存储在“Markdown”和“JSON”中的内容提供可视化编辑体验。
“Tina”支持“MDX”,使开发者能够创建动态的、交互式的和可定制的内容。
“Tina”提供了一个“GraphQL API”,我们可以使用它来查询和获取我们的内容。 还有一个“Cloudinary”包,我们可以使用它来优化和管理我们的媒体文件。
特征
8.梯形校正
“Keystone”是一个开源的可编程后端,让我们能够在几分钟内创建高度定制的“CMS”和“API”。
我们可以使用“Keystone”来建立最基本的网站或更复杂的应用程序,例如电子商务商店。
使用“Keystone”,我们为我们的内容描述一个模式cms前端主题框架,并为我们的内容获得一个“GraphQL API”和漂亮的管理“UI”。
我们可以在“Keystone”中为我们网站的不同部分创建定制的可重用组件。
特性 GraphQL API 自定义响应组件 灵活的关系 强大的过滤功能 数据库迁移
9.有效载荷
“Payload”是一个开源、自托管的无头“CMS”,使用“Node.js”、“Express”、“React”和“MongoDB”构建。
“Payload”根据配置文件中定义的内容集合,提供自动生成的“REST”和“GraphQL API”。 我们还可以将本机“API”与服务器端框架(例如“Next.js”)一起使用。
“有效载荷”具有内置的电子邮件功能。 我们可以使用它来处理密码重置、订单确认和其他用例。 “有效负载”使用“Nodemailer”来处理电子邮件。
“有效负载”有免费计划和其他定价选项。 出于开发目的,它是完全免费的,但是一旦我们想将项目推向生产,即使我们使用免费版本,我们也必须选择一个可用的许可证。
特征
10. 指挥
“Directus”是一个用于管理自定义“SQL”数据库的开源无头“CMS”。 Directus 还有一个直观的管理应用程序供非技术用户管理内容。
“Directus”提供“RESTful”和“GraphQL API”来管理数据库中的数据。
我们可以使用我们选择的数据库,因为“Directus”支持“PostgreSQL”、“MySQL”、“SQLite”、“OracleDB”、“MariaDB”和“MS-SQL”数据库。
“Directus”提供免费的自托管计划; 付费云计划也可用。 核心团队支持仅适用于云管理项目。
特征
H5-Dooring,让H5生产更简单
好了,今天的分享就到这里了,如果文章对你有帮助,欢迎“点赞”+“在看”,鼓励作者创作更好的内容~
点击查看你的最佳状态