免费开源TypeScript无头CMS应用开发框架,带你玩转内容管理系统

deer332025-04-07技术文章43

GitHub项目「Payload」是一个免费和开源的TypeScript无头CMS(内容管理系统)应用开发框架,它使用Express、MongoDB和React构建。该项目自创建以来已经收获了2.4k的Star。

项目地址:
https://github.com/payloadcms/payload

代码优先(Code-first)

Payload是一个从头开始为开发者设计的CMS,为他们提供构建数字产品所需的知识。如果你熟悉JavaScript,则就知道Payload。作为一个代码优先的CMS,它允许你做很多事情。

首先,Payload给你需要的任何东西,使用JavaScript或TypeScript编程语言构建自己想要的东西,不必忍受GUI带来的非必要复杂性。你将了解自己的CMS如何工作,因为你已经完全按照自己想要的方式编写它。

其次,带上自己的Express服务器,在Payload之上做任何需要的事情。Payload不会对你或者你的应用程序施加任何影响。

接着,使用自己的React组件完全控制管理面板(Admin panel)。轻松交换字段乃至整个视图。

最后,借助自动生成且完全可扩展的REST、GraphQL和本地Node API,你可以在任何需要的时间和位置使用数据。

特性(Features)

  • 完全免费和开源
  • 具有GraphQL、REST和本地API
  • 易于定制化的ReactJS Admin
  • 完全自托管
  • 可扩展身份验证
  • 本地文件存储和上传
  • 版本历史和草稿
  • 基于现场的本地化
  • 基于块的布局生成器
  • 可扩展的SlateJS富文本编辑器
  • 数组字段类型
  • 字段条件逻辑
  • 极精细访问控制
  • Payload为每个操作提供文件和字段级挂钩
  • 对TypeScript极其友好
  • 极快API
  • 得益于HTTP-only cookies、CSRF保护的高度安全性

快速开始(Quick Start)

在开始运行Payload之前,确保你安装了所有必需的软件。

然后,开始启动Payload的最简单方式是使用create-payload-app package。

npx create-payload-app

或者,你也可以花5分钟从头开始创建一个应用程序。