payloadcms/payload

         

---

Explore the Docs · Community Help · Roadmap · View G2 Reviews

---

Payload 是首个原生 Next.js CMS，可以直接安装在你现有的 `/app` 文件夹中。这标志着 headless CMS 新时代的开始。

相较于普通 CMS 的优势

• 既是应用框架，也是 headless CMS
• 可部署在任何地方，包括在 Vercel 上免费进行 serverless 部署
• 如果需要，可以将前端和后端结合在同一个 /app 文件夹中
• 无需注册又一个 SaaS —— Payload 是开源的
• 在 React Server Components 中查询数据库
• Admin 和后端均 100% 可扩展
• 无供应商锁定
• 再也不用碰陈旧的 WP 代码
• 构建速度更快，永遇阻碍

## 快速开始 在开始使用 Payload 之前，请确保你已拥有所有[必需的软件](https://payloadcms.com/docs/getting-started/installation)。 ``` pnpx create-payload-app@latest ``` **如果你是 Payload 新手，应该从网站模板开始** (`pnpx create-payload-app@latest -t website`)。它展示了如何做 _所有事情_ —— 包括自定义 Rich Text blocks、按需重新验证、实时预览等。它附带了一个使用 Tailwind 构建的前端，全部位于同一个 `/app` 文件夹中。 ## 一键部署选项 你可以通过 Vercel 和 Cloudflare 一键 serverless 部署 Payload —— 提供所需的一切，而无需操心基础设施。 ### 在 Cloudflare 上部署 完全独立 —— 一键部署 Payload，包含用于上传的 **Workers**、**R2**，以及用于全球复制数据库的 **D1**。 [](https://dub.sh/payload-cloudflare) ### 在 Vercel 上部署 Vercel 多合一 —— 一键部署 Payload，包含 **Next.js** 前端、**Neon** 数据库和用于媒体存储的 **Vercel Blob**。 [](https://dub.sh/payload-vercel) ## 一键模板 使用现成的模板快速启动你的下一个项目。这些是**生产就绪的端到端解决方案**，旨在让你快速推向市场。构建任何类型的**网站**、**电商商店**、**博客**或**作品集** —— 均附带使用 **React Server Components** 和 **Tailwind** 构建的现代化前端。 #### 🌐 [网站](https://github.com/payloadcms/payload/tree/main/templates/website) #### 🛍️ [电商](https://github.com/payloadcms/payload/tree/main/templates/ecommerce) 🎉 _**最新**_ 🎉 我们不断向我们的 [**模板目录**](https://github.com/payloadcms/payload/tree/main/templates) 添加更多模板。 如果你维护自己的模板，请将 `payload-template` topic 添加到你的 GitHub 仓库，以便其他人可以发现它。 **🔗 探索更多：** - [官方模板](https://github.com/payloadcms/payload/tree/main/templates) - [社区模板](https://github.com/topics/payload-template) ## ✨ Payload 功能特性 - 完全免费且开源 - 原生 Next.js，构建为在 _你的_ `/app` 文件夹中运行 - 使用 server components 扩展 Payload UI - 直接在 server components 中查询数据库，无需 REST / GraphQL - 完全的 TypeScript 支持，自动生成数据类型 - [开箱即用的 Auth](https://payloadcms.com/docs/authentication/overview) - [版本控制和草稿](https://payloadcms.com/docs/versions/overview) - [本地化](https://payloadcms.com/docs/configuration/localization) - [基于 Block 的布局构建器](https://payloadcms.com/docs/fields/blocks) - [可自定义的 React admin](https://payloadcms.com/docs/admin/overview) - [Lexical 富文本编辑器](https://payloadcms.com/docs/fields/rich-text) - [条件字段逻辑](https://payloadcms.com/docs/fields/overview#conditional-logic) - 极其精细的[访问控制](https://payloadcms.com/docs/access-control/overview) - 针对 Payload 提供的每个操作的[文档和字段级 hooks](https://payloadcms.com/docs/hooks/overview) - 极速 API - 得益于 HTTP-only cookies、CSRF 保护等，安全性极高 请求功能 ## 🗒️ 文档 查看 [Payload 网站](https://payloadcms.com/docs/getting-started/what-is-payload) 以获取有关 Payload 提供的所有功能的深入文档。 从 v2 迁移到 v3？请查看 [3.0 迁移指南](https://github.com/payloadcms/payload/blob/main/docs/migration-guide/overview.mdx) 了解如何操作。 ## 🙋 贡献 如果你想为此仓库做出贡献，请遵循 [contributing.md](./CONTRIBUTING.md) 中的说明。 ## 📚 示例 [示例目录](./examples) 是学习如何以各种不同方式设置 Payload 的绝佳资源，但你也可以在我们的博客和社交媒体上找到很棒的示例。 如果你想运行这些示例，可以使用 `create-payload-app` 从中创建一个项目： ``` npx create-payload-app --example example_name ``` 你可以在以下位置查看更多示例： - [示例目录](./examples) - [Payload 博客](https://payloadcms.com/blog) - [Payload YouTube](https://www.youtube.com/@payloadcms) ## 🔌 插件 Payload 高度可扩展，允许你安装或分发添加或删除功能的插件。既有官方支持的插件，也有社区支持的插件。如果你维护自己的插件，请考虑将 `payload-plugin` topic 添加到你的 GitHub 仓库，以便其他人找到它。 - [官方插件](https://github.com/orgs/payloadcms/repositories?q=topic%3Apayload-plugin) - [社区插件](https://github.com/topics/payload-plugin) ## 🚨 需要帮助？ 我们的 Github Discussions 板块和 Discord 服务器中有很多精彩的对话和资源。如果你正在为某事苦恼，很可能已经有人解决了你面临的问题。:point_down: - [GitHub Discussions](https://github.com/payloadcms/payload/discussions) - [GitHub Issues](https://github.com/payloadcms/payload/issues) - [Discord](https://t.co/30APlsQUPB) - [社区帮助](https://payloadcms.com/community-help) ## ⭐ 喜欢我们在做的事情？给我们一颗 Star ## 👏 感谢我们所有的贡献者

标签：API开发, GNU通用公共许可证, Headless CMS, MITM代理, Next.js框架, Node.js, React, Server-side Rendering, SOC Prime, SSR, Syscalls, TypeScript, 全栈, 内容管理系统, 后台管理面板, 后端即服务, 安全插件, 应用框架, 开发工具, 开源, 数据库管理, 无头CMS, 网站生成器, 自动化攻击, 自动化攻击, 调试插件