Headless CMS 란?

생활코딩의 NEXT.js 13 강의를 듣다 data 를 caching 하는 부분에서 공식문서를 읽다 Headless CMS 의 의미에 대해 다시한번 학습해야 할 필요성을 느껴 알아보게 되었다

 

Headless 를 직역하면 머리가 없다는 비유적인 표현이다. 웹사이트를 구성할때 반드시 데이터가 필요한데, Head 는 데이터를 보여줄 수 있는 수단 ( web, ios ,android .. ) 이고 Body 는 컨텐츠를 의미한다.

 

여기서 유추할 수 있듯 Headless 는 데이터를 보여줄 수 있는 수단을 유동적으로 바꿔끼울 수 있다는 것을 의미한다.

 

요약하면 데이터와 View 를 분리하는것이 핵심이다.

 

흔히들 알고있는 Restful API 로 컨텐츠에 접근, 수정해 사용한다.

 

기존의 방식의 CMS 는 하나의 서비스에 설치된 형태로 컨텐츠가 강하게 하나로 묶여있어 재활용하기가 힘들다.

추가로 하나로 강하게 묶여있기 때문에 Data 부분을 수정했을 때 View 에도 영향이 갈 가능성이 높다.

 

반대로 Headless CMS 는 유연하게 분리되어 있어 더 빠르게 컨텐츠를 수정할 수 있는 환경이 제공된다.

 

Headless CMS 의 API 응답으로 JSON 방식으로 데이터를 불러와 Head 가 변경되더라도 유연하게 재사용이 가능해진다