헤드리스 아키텍처

Magnolia에서 개발자는 어떤 프런트엔드 프레임워크에서도 자유롭게 작업할 수 있고, 마케터는 비주얼 통제력을 갖고서 대규모의 훌륭한 디지털 경험을 만들 수 있습니다.

단일 저장소에서 플랫폼에 구애받지 않는 콘텐츠 제공

Magnolia의 아키텍처는 헤드리스 콘텐츠 관리를 허용합니다. 단일 콘텐츠 저장소 역할을하는 Magnolia는 다양한 터치 포인트에서 사용할 수 있도록 API를 통해 콘텐츠와 자산을 사용할 수 있도록합니다.

콘텐츠 프레젠테이션에서 콘텐츠 관리를 분리하면 콘텐츠 일관성과 재사용을 향상시키면서 선택한 프레임 워크 및 전달 시스템을 사용하여 웹, 모바일, 소셜 및 스마트 스피커를 포함한 채널에 대한 맞춤형 프런트 엔드를 만들 수 있습니다.

DX 스택과의 통합을 통해 당사의 API는 DAM (디지털 자산 관리) 시스템의 이미지 또는 PIM (제품 정보 관리) 시스템의 제품과 같이 Magnolia에 존재하지 않는 콘텐츠에 대한 링크도 제공합니다.

YAML을 이용한 손쉬운 API 생성

GraphQL API 외에도 Magnolia의 REST API를 이용해 JSON 같은 콘텐츠를 가져올 수 있습니다. 로코드 개발에서는 쉽고 빠르게 API 엔드포인트를 만들고 업데이트할 수 있습니다. 예를 들어 코드 5줄 정도로 구현 엔드포인트 API를 새로 만들 수 있습니다.

WYSIWYG 편집기를 사용하여 시각적으로 경험 디자인

플랫폼에 구애받지 않는 콘텐츠를 개발자에게 제공하는 동안 콘텐츠 작성자와 마케팅 담당자는 Magnolia의 콘텐츠 관리 시스템 (CMS) GUI 인 AdminCentral을 통해 SPA (단일 페이지 애플리케이션) 및 PWA (프로그레시브 웹 앱)의 경험을 관리 할 수 있습니다.

우리의 시각적 편집기는 프런트 엔드 프레임 워크와 통합되어 비즈니스 사용자에게 다양한 장치에서의 경험 미리보기를 포함하여 쉬운 WYSIWYG 방식으로 훌륭한 저작 경험을 제공합니다.

Magnolia WYSIWYG editor

GraphQL로 정확하게 구성

Magnolia의 GraphQL API는 데이터 액세스 방법과 속도를 개선합니다. GraphQL API는 REST API와 달리 엔드포인트에 의해 구성되지 않습니다. 데이터 세트당 엔드포인트 하나를 구성하는 대신, API가 관리하는 모든 데이터의 액세스 권한을 하나의 GraphQL 엔드포인트가 부여합니다. 이렇게 하면 콘텐츠 유형 또는 페이지 템플릿을 변경할 때마다 엔드포인트를 구성하거나 업데이트하지 않아도 데이터를 쿼리할 수 있습니다.

GraphQL의 표준화된 형식 또한 반응 예측력을 높여 자동 구현 및 통합을 개선합니다.

헤드리스와 종래의 환경 구현 혼합

헤드리스 CMS의 유연성으로 혜택을 보는 경우가 많습니다. 그러나 개별 프로젝트마다 커스텀 프런트엔드를 개발하고 싶지는 않을 것입니다. 마케팅 웹사이트, 고객 포털, 구인 페이지 등과 같은 웹사이트나 기능 영역을 여러 개 만드는 경우 Magnolia에서 하이브리드 방식을 이용할 수 있습니다. 예를 들면 React로 웹사이트 하나를 만들고 다른 하나는 Magnolia의 페이지 렌더링으로 만들 수 있습니다.

Headless process

최고의 헤드리스 CMS 선택

많은 CMS가 헤드리스 방식으로 라벨을 가지고 있지만 동일하지는 않습니다. Magnolia는 헤드리스 방식과 하이브리드 헤드리스 방식 두 가지로 작동하므로 슬림 헤드리스 CMS와 다릅니다. Magnolia는 헤드리스 CMS의 모든 이점을 제공하면서도 콘텐츠 소비 방면에는 REST API와 GraphQL을 제공합니다. 또한 고급 엔터프라이즈 CMS 기능이 통합되어 있어 개발자에게 방해가 되지 않으면서 마케터의 능력을 펼칠 수 있습니다.

추가 리소스

모든 리소스
하얀 종이 Headless
헤드 투 헤드리스 리포트

비주얼 헤드리스: 1,000명의 CMS 사용자가 한 차원 높은 수준의 콘텐츠 관리 및 디지털 경험 디자인에 대한 자신의 생각을 공유합니다.

Magnolia 헤드 투 헤드리스(Head to Headless) 연구 리포트
아키텍처와 기술 스택

API, 스택, 프런트엔드의 자유: Magnolia의 기술 역량과 혜택에 대해 알아보세요.

아키텍처와 기술 스택
DX 설계

개발자와 마케터가 공동으로 디지털 환경을 신속하게 만들 수 있는 유연한 기술 스택을 구축하세요.

기술 리드를 위하여
개발자 평가판 가입

엔터프라이즈급 DX Core 평가판에서 멀티사이트, 멀티소스, 개인 설정, 태그 지정, 워크플로 등 Magnolia의 모든 기능을 체험하세요.

Magnolia 개발자 평가판
Magnolia 원격 교육 및 학습

Magnolia는 코로나바이러스(코로나19) 상황을 고려하여 스위스 바젤에서 진행하는 강사 주도 교육과 그 외 다른 곳에서 진행하는 모든 현장 교육 활동을 임시 연기하였습니다. 이에 대한 대안으로 작성자와 개발자가 언제 어디서든 Magnolia를 최대한 활용할 수 있도록 원격 학습을 제공하고 있습니다.

Magnolia 교육

개인 데모 받기