Headless CMS

[MinJeung-Kim]

Headless CMS

• 웹 개발에서 Body는 back-end를 Head는 front-end를 가르킨다.
• CMS : Content Management System의 약자
  • 데이터 저장을 담당하는 곳
• Headless는 front-end가 없다는 뜻.
• 데이터를 어떻게 저장할지 전혀 관여하지 않기때문에 front를 자유자제로 나타낼 수 있다.

[MinJeung-Kim]

WordPress

• 전통적인 CMS.
• 최근에는 Headless CMS도 지원.
• Open source.

Strapi

• Sanity와 막강하게 유명함.
• Open source.
• Custom해서 AWS에 호스팅하면 나만의 CMS 가능.
• 클라우드 형태의 서비스 제공.

[MinJeung-Kim]

Sanity

• 클라우드 시장에서 오랫동안 점유율 찾지.
• Open source ❌.
• CMS중에 가장 만족도가 높음.

동작방식

• Content Lake라는 클라우드에 데이터 저장.
  • 개발자 모드인 Sanity Studio를 통해서 읽고 쓰기 가능.
  • Sanity에서 제공해주는 API를 사용해서 Front-end에서 직접데이터를 읽고쓸수 있음.
    • 백엔드 (Next.js)에서 클라우드와 통신.

      ☁️            ↔️          🗄️         ↔️       🧑‍💻
      Content Lake           Server(Next.js)         Client