Wisp CMS
扫码查看

Wisp CMS 是一款专为 Next.js 打造的无头内容管理系统,支持快速集成与内容更新。

Wisp CMS

综合介绍

Wisp CMS 是一款专为 Next.js 开发的无头内容管理系统。它简化了内容的创建和管理流程,帮助开发者快速集成到现有项目中。作为无头 CMS,Wisp CMS 只关注内容管理,不提供前端展示层,这让它更加灵活。

使用 Wisp CMS,你可以轻松更新网站内容,而不需要修改代码。系统提供了直观的后台管理界面,让非技术人员也能方便地操作。它特别适合需要频繁更新内容的 Next.js 项目。

功能列表

  1. "无头架构":提供纯后端内容管理服务,与前端完全解耦
  2. "Next.js 专属支持":为 Next.js 项目提供优化的集成方案
  3. "可视化内容编辑":所见即所得的内容编辑界面
  4. "内容版本控制":支持内容的历史版本追溯和恢复
  5. "API 驱动":通过 RESTful API 或 GraphQL 获取内容
  6. "多用户协作":支持团队多人同时编辑内容

使用帮助

安装 Wisp CMS 非常简单。如果你是 Next.js 开发者,可以通过 npm 直接安装客户端库:

npm install wisp-cms-client

接下来,在 Next.js 项目中配置 Wisp CMS:

1. 首先在_app.js中添加 Wisp 提供者组件

2. 然后创建wisp.config.js配置文件

3. 最后运行wisp init命令初始化项目

完成安装后,你可以通过以下步骤使用主要功能:

内容管理

登录 Wisp CMS 管理后台,点击"新建内容"按钮。系统会显示内容编辑表单,你可以输入标题、正文和其他自定义字段。编辑完成后点击保存即可。

API 调用

在前端组件中,使用 Wisp 提供的 Hook 获取内容:

const { data } = useWispContent('page-slug');

版本控制

在内容历史页面,你可以查看所有修改记录。点击任意版本可以预览内容,选择"恢复此版本"按钮可以将内容回滚到指定版本。

团队协作

在用户管理页面添加团队成员,设置不同的权限级别。编辑内容时系统会自动锁定,避免多人同时修改造成冲突。

产品特色

专为 Next.js 优化的轻量级无头内容管理系统。

适用人群

  • Next.js 开发者:需要快速集成内容管理功能的开发者
  • 内容编辑人员:非技术人员也可以轻松更新网站内容
  • 中小型企业:需要简单易用的内容管理解决方案

应用场景

  • 企业官网:方便市场团队随时更新新闻和产品信息
  • 博客平台:作者可以专注于写作,无需技术知识
  • 电商网站:快速更新产品描述和促销信息

常见问题

  • 如何修改内容模型?

    在管理后台的"内容模型"页面可以添加或修改字段。

  • 是否支持图片上传?

    是的,系统内置图片上传和管理功能。

  • 可以部署在私有服务器吗?

    目前仅提供 SaaS 版本,私有部署方案正在开发中。

微信微博Email复制链接