Headless CMS 构建

充分利用现有网站资产,焕新CMS
无头CMS迁移服务 CMS Re:Build

从CMS选型到前端开发、数据迁移、上线环境,全流程一体化构建

Liberogic 提供以 microCMS、Kuroco 等无头 CMS 与 Next.js、Astro、React、Vue、Nuxt 等前端技术相结合的网站和 Web 服务的设计和构建。

不仅支持新网站构建,还支持从 WordPress 等现有 CMS 的迁移、现有内容和数据的迁移、多个网站的整合,以及与外部系统、API 的集成。

我们不仅仅是部署 CMS,而是考虑网站规模、更新体制、权限管理、安全性、上线后的运营和未来的扩展,进行整体架构设计。

支持的 CMS 和平台

我们不是先定好某个 CMS,而是在确认网站的目的、所需功能、更新体制、预算、与现有系统的集成等需求后,为您提出最合适的解决方案。

01
Logo: microCMS

microCMS 支持从简单的内容管理到企业网站、自有媒体、多站点内容复用等多种配置需求。 Liberogic 作为 microCMS 合作伙伴,提供 CMS 设计、API 设计、前端实现、现有网站迁移等全方位服务。

02
Logo: Kuroco

Kuroco 是一款无头 CMS,除了内容管理外,还支持 API、身份验证、会员功能、搜索、外部服务集成等更复杂的网站和网络服务需求。
Liberogic 作为 Kuroco 合作伙伴,除了提供设计和构建服务外,还支持使用 KurocoFront 的前端环境。

03
Logo: NILTO

NILTO 是一款无头 CMS,重视内容编辑和运营的便利性。
Liberogic 作为 NILTO 合作伙伴,在强调更新人员易用性和内容创建便利性的项目中,根据需求提供定制化方案。

04
Logo: KARTE Craft

KARTE Craft 支持与 KARTE 联动的网站和内容开发等充分利用现有数字营销环境的配置方案。
我们也可为您提供包括 KARTE 数据和各类功能集成的网络前端开发咨询。

05

Cloudflare / Vercel

作为与headless CMS结合使用的发布基础设施,我们支持Cloudflare和Vercel等云平台。
我们设计整个网站的架构,包括CDN、Edge、WAF、访问控制和部署环境等。

headless CMS的配置和内容交付流程

内容管理 microCMS / Kuroco NILTO / KARTE Craft
API
前端 Next.js / Astro React / Vue / Next / Nuxt
DEPLOY
发布环境 Cloudflare / Vercel CDN / Edge / WAF

设计·迁移·开发·发布·运维

headless CMS可以处理的事务

01

新建网站和网络服务

我们从CMS设计、前端开发到发布环境进行全流程构建。
我们根据目的提供企业网站、自有媒体、服务网站、搜索网站、会员网站等多种构成方案。

02

从现有CMS迁移

我们支持从 WordPress 等现有 CMS 向 microCMS、Kuroco 等 headless CMS 的迁移。我们会确认内容和数据结构,进行新 CMS 的重新设计和数据迁移。

03

CMS 和内容结构重新设计

我们不仅仅将现有的 CMS 结构照搬过来,而是考虑到今后的运营需求,对内容模型和 API 进行重新设计。
我们会整理文章、新闻、产品、案例、常见问题等内容,设计出易于更新、也便于其他服务调用的结构。

04

多站点、多品牌管理

我们支持多个网站使用相同内容,或按品牌和服务分别输出信息的配置方案。
通过整理 CMS 和数据结构,可以提高分散在多个站点的内容管理和更新工作的效率。

05

API 和外部服务集成

我们支持与现有数据库、业务系统、搜索、表单、身份验证、营销自动化、CRM 等各类服务的 API 集成。
我们将整个网络架构视为一个整体进行设计,而不仅仅是 CMS 单独运作。

06

前端重新构建

根据网站特性,我们使用 Next.js、Astro、React、Vue、Nuxt 等技术构建前端。对于 SSG、SSR 等渲染方式,我们会根据更新频率、功能需求、网站规模和运营方式来选择最合适的方案。

采用 headless CMS 的优势

01

更容易地降低基础设施和运营成本

使用无头 CMS,您可以选择不像传统 CMS 那样由公司自行持续管理 Web 服务器和数据库的构成。
通过将 CMS 用作 SaaS,从 Cloudflare 等 CDN/Edge 环境分发前端,可以减少服务器管理、操作系统和中间件更新、备份、漏洞应对等运营负荷。
不仅初期构建成本,还能降低包括公开后基础设施费用以及维护和运营在内的总体成本,这也是无头 CMS 的重大优势。

    02

    简化安全管理

    使用无头 CMS,可以采取将 CMS 管理界面和公开网站分离的构成。
    通过使公开网站不直接使用 CMS 管理功能的构成,可以采用不同于传统 CMS 的方式分离公开范围,仅通过 API 使用必要的功能。
    进一步结合 Cloudflare 的 WAF、CDN、访问控制等,可以为公开网站和管理环境分别设计相应的安全措施。

      03

      更容易构建高速稳定的网站

      通过使用 SSG、CDN 缓存、Edge 分发等,可以创建不需要每次访问时都由 CMS 或数据库生成整个页面的构成。
      即使在访问集中时也不易受到负荷影响,更容易构建高速稳定的网站。

      04

      可自由设计前端

      由于 CMS 与显示部分分离,不受 CMS 特定主题或模板的限制,可以设计网站或 Web 应用程序。
      在保留 CMS 的同时只修改前端也成为可能,形成更容易应对将来改版和功能添加的构成。

      05

      可在各种服务中利用内容

      在 CMS 中注册的内容可通过 API 获取,因此不仅可用于网站,还可用于 Web 应用程序、智能手机应用、数字标牌等。
      可减少向多个管理界面注册相同信息的工作,更容易实现内容的集中管理。

      Headless CMS 构建流程

      • 1
        需求调研与现状确认

        确认当前网站、CMS、服务器环境、更新方式、外部系统集成、以及运营中遇到的各类问题。

      • 2
        CMS 与技术选型

        基于网站规模、所需功能、更新体制、安全性需求等因素,选定 CMS、前端框架和发布环境。我们的方案不受特定产品限制,而是根据项目实际需求提出最适合的架构。

      • 3
        CMS 与内容设计

        设计内容模型、API 接口、权限管理、更新流程、预览及发布方式等。

      • 4
        数据迁移与开发

        如现有 CMS,我们将进行数据迁移,同时实现前端功能及各类 API 集成。必要时还会编写迁移映射和迁移脚本。

      • 5
        测试与发布

        在确认内容、功能、显示、各种设备上的运行情况以及数据迁移结果后发布。

      • 6
        运维和改进

        还对公开后的维护、CMS改进、前端修改和功能添加等进行支持。

        headless CMS 最近的构建实绩

        近期我们通过使用 microCMS、Kuroco、NILTO、KARTE Craft 等进行网站和网络服务构建、CMS 迁移、多站点整合等工作。虽然不是无头 CMS,但我们也承接 EmDash 的网站构建。
        对于获得客户许可的案例,我们详细介绍了技术选型、设计、迁移和运维的全过程。

        其他最近的构建实绩

        • 大型汽车制造商

          媒体网站构建
          构建利用 microCMS 的内容管理环境和前端。

        • 大型汽车制造商

          公司内部管理系统构建
          利用 microCMS 开发包含内容预览环境的 Web 应用程序。

        • 大型建筑公司

          公司内部视频系统构建
          利用 microCMS + Next.js + Cloudflare 构建面向公司内部的内容分发环境。

        • 大型燃气公司

          企业网站开发·功能更新
          使用 microCMS + Next.js 重新打造网站。

        • 大型保险公司

          企业网站开发·功能改进
          使用 microCMS + Next.js 进行网站模板改进。

        请咨询我们关于 headless CMS

        「想要减少 WordPress 的维护负担」
        「想要审视 CMS 和服务器的运维成本」
        「想要统一管理多个网站」
        「想要从现有 CMS 迁移至无头 CMS」
        「不清楚 microCMS 和 Kuroco 哪个更合适」
        「不仅想咨询 CMS,还想咨询前端和 Cloudflare 的整体方案」
        这些阶段的任何需求我们都可以为您提供咨询。

        在确认现有网站和运营方式的基础上,我们不会采用过度复杂的架构,而是根据网站特点提出适合的 CMS、前端和发布环境方案。

        案例分析