Headless CMS 建置

善用既有網站資產,全面革新 CMS
無頭 CMS 遷移服務 CMS Re:Build

從 CMS 選擇、前端開發、資料遷移到上線環境的一體化構築

Liberogic 提供結合 microCMS、Kuroco 等 headless CMS 與 Next.js、Astro、React、Vue、Nuxt 等前端技術的網站和網路服務的設計與構築。

除了新網站構築外,也提供從 WordPress 等既有 CMS 的遷移、既有內容與資料的遷移、多個網站的整合,以及與外部系統和 API 的串接服務。

我們不僅實施 CMS,而是考量網站規模、更新體制、權限管理、安全性,以及上線後的運營和未來擴展需求,來設計完整的架構。

支援的 CMS 與平台

我們不預先執著於特定 CMS,而是先確認網站目的、所需功能、更新體制、預算、與既有系統的連接等需求,進而提出最適合的解決方案。

01
標誌:microCMS

microCMS 可以滿足從簡單的內容管理到企業官網、自有媒體、多個網站的內容利用等各種廣泛的配置需求。 Liberogic 作為 microCMS 的合作夥伴,提供 CMS 設計、API 設計、前端實作、現有網站遷移等完整服務。

02
標誌:Kuroco

Kuroco 是一個 headless CMS,除了內容管理,還提供 API、認證、會員功能、搜尋、外部服務整合等功能,能夠滿足更複雜的網站和網路服務需求。
Liberogic 作為 Kuroco 的合作夥伴,提供設計、構建,以及使用 KurocoFront 的前端環境支援。

03
標誌:NILTO

NILTO 是一個 headless CMS,特別重視內容編輯和運營的便利性。
Liberogic 作為 NILTO 的合作夥伴,在重視更新管理人員操作性和內容製作便利性的專案中,根據需求提出相應的方案。

04
標誌:KARTE Craft

KARTE Craft 可支援與 KARTE 聯動的網站和內容開發等配置,活用現有的數位行銷環境。
我們也可以提供包含 KARTE 資料和各項功能聯動在內的網路前端開發諮詢服務。

05

Cloudflare / Vercel

我們支援 Cloudflare 和 Vercel 等雲端平台作為搭配無頭 CMS 的發佈基礎。
我們會設計包括 CDN、Edge、WAF、存取控制和部署環境等在內的整個網站結構。

無頭 CMS 的架構與內容配信流程

內容管理 microCMS / Kuroco NILTO / KARTE Craft
API
前端 Next.js / Astro React / Vue / Next / Nuxt
DEPLOY
發佈環境 Cloudflare / Vercel CDN / Edge / WAF

設計、遷移、開發、發佈、運營

無頭 CMS 可處理的工作

01

構建全新網站和網路服務

我們提供從 CMS 設計到前端開發、發佈環境的一站式構建。
根據目的提供企業官網、自有媒體、服務網站、搜尋網站、會員專用網站等相應的架構建議。

02

從現有 CMS 遷移

我們支援從 WordPress 等既有 CMS 遷移至 microCMS、Kuroco 等無頭式 CMS。我們會確認內容和資料結構,並進行新 CMS 的重新設計和資料遷移。

03

CMS・內容結構的重新設計

我們不是簡單地將現有的 CMS 結構原封不動地遷移,而是考慮到今後的運營,對內容模型和 API 進行重新設計。
我們會整理文章、新聞、產品、案例、常見問題等內容,設計出更新容易且易於被其他服務利用的結構。

04

多個網站・多個品牌的管理

我們也支援多個網站使用相同內容,或按品牌和服務別進行資訊配發的構成。
透過整理 CMS 和資料結構,可以提高分散於多個網站的內容管理和更新作業效率。

05

API・外部服務整合

我們支援與既有資料庫、業務系統、搜尋、表單、認證、MA、CRM 等各種服務的 API 整合。
不僅是 CMS 本身,我們以包含既有系統的整個 Web 架構為基礎進行設計。

06

前端的重新構建

我們根據網站特性使用 Next.js、Astro、React、Vue、Nuxt 等技術構建前端。對於 SSG、SSR 等渲染方式,我們也會根據更新頻率、功能、網站規模和運營方法進行選擇。

採用無頭式 CMS 的優勢

01

基礎設施和運營成本易於控制

Headless CMS 可讓您選擇不像傳統 CMS 一樣,需要在內部持續管理網頁伺服器或資料庫的架構。
透過以 SaaS 方式使用 CMS,並從 Cloudflare 等 CDN / Edge 環境配信前端,可以減少伺服器管理、作業系統和中間軟體更新、備份、漏洞修補等運營負荷。
除了初期構建費用,Headless CMS 的一大優勢在於能降低公開後的基礎設施費用,以及包含維護和運營在內的總體成本。

    02

    安全管理簡單化

    Headless CMS 可採用將 CMS 管理介面與公開網站分離的架構。
    透過設計公開網站不直接使用 CMS 管理功能的架構,可按照不同於傳統 CMS 的方式分離公開範圍,且只能透過 API 使用必要的功能。
    進一步結合 Cloudflare 的 WAF、CDN、存取控制等,可為公開網站與管理環境分別設計相應的安全防護措施。

      03

      易於建構高速且穩定的網站

      透過使用 SSG、CDN 快取、Edge 配信等技術,可建立無需在每次存取時都由 CMS 或資料庫生成完整頁面的架構。
      即使在高流量時期也較不易受到負荷影響,能更輕鬆地建構高速且穩定的網站。

      04

      前端設計自由度高

      由於 CMS 與顯示部分已分離,您可以不受 CMS 特定主題或範本限制,自由設計網站或網頁應用程式。
      即使保留 CMS,也能單獨變更前端,而且易於應對未來的重新設計或功能擴展。

      05

      內容可在各種服務中使用

      由於 CMS 內的內容可透過 API 取得,不僅能在網站上使用,也能在網頁應用程式、智慧型手機應用程式、數位看板等各種服務中使用。
      可減少需要向多個管理介面重複登錄相同資訊的作業,更容易進行內容的集中管理。

      Headless CMS 構建流程

      • 1
        諮詢・現況確認

        確認您目前的網站、CMS、伺服器環境、更新方法、與外部系統的整合以及營運上遇到的任何問題。

      • 2
        CMS・技術選型

        根據網站規模、所需功能、更新體制、安全性要求等因素,進行 CMS、前端以及發布環境的選型。我們不是從特定產品出發,而是根據專案需求提出最適合的架構方案。

      • 3
        CMS・內容設計

        設計內容模型、API、權限、更新流程,以及預覽和發布方式。

      • 4
        資料遷移・開發

        如果現有 CMS,我們會進行資料遷移,同時實現前端和各種 API 整合。必要時也會製作遷移對應表和遷移指令稿。

      • 5
        測試・發布

        在確認內容、功能、顯示效果、各種裝置的運作,以及資料遷移結果後再進行發佈。

      • 6
        運營和改善

        我們也對應公開後的維護、CMS 改善、前端改修、功能新增等工作。

        headless CMS 的最近構築實績

        近期我們負責建構利用 microCMS、Kuroco、NILTO、KARTE Craft 的網站和網路服務、CMS 遷移、多個網站整合等工作。雖然不是 headless,我們也承接 EmDash 的網站構建。
        對於獲得同意分享的案例研究,我們詳細介紹技術選型、設計、遷移到運維的全過程。

        其他最近構築實績

        • 大型汽車製造商

          媒體網站構築
          利用 microCMS 構築內容管理環境和前端。

        • 大型汽車製造商

          內部管理系統構築
          利用 microCMS 進行包含內容預覽環境的網路應用程式開發。

        • 大型建築公司

          公司內部影片系統構建
          透過 microCMS + Next.js + Cloudflare 構建公司內部內容配信環境。

        • 大型瓦斯公司

          企業網站開發・功能修訂
          透過 microCMS + Next.js 重新設計網站。

        • 大型保險公司

          企業網站開發・功能修訂
          透過 microCMS + Next.js 修訂網站範本。

        諮詢 headless CMS 相關事項

        「想降低 WordPress 的維護負擔」
        「想檢視 CMS 或伺服器的營運成本」
        「想集中管理多個網站」
        「想從現有 CMS 遷移到 headless CMS」
        「不確定 microCMS 和 Kuroco 哪個更適合」
        「想同時諮詢 CMS、前端和 Cloudflare」
        等階段都歡迎與我們聯繫。

        確認現有網站和運用方式後,我們會在不過度複雜化的前提下,為您提案符合網站需求的 CMS、frontend 和發佈環境。

        案例分析