비주얼 SPA(Single Page App) 편집

헤드리스 프로젝트에서 멋진 고객 경험을 만드세요. Magnolia 비주얼 SPA 편집기를 사용하는 마케터는 모든 레이아웃과 콘텐츠를 자율적으로 편집할 수 있으며, 모든 SPA 환경을 맥락 속에서 미리 볼 수 있습니다. 웹사이트 편집 과정을 확인해 보세요.

Magnolia SPA 편집기의 이점

매력적인 경험

마케터는 SPA(싱글 페이지 앱)에서 방문자의 유입과 참여도를 높일 수 있는 매력적인 경험을 만들 수 있습니다. 페이지 전체를 다시 불러올 필요가 없고 전체 성과가 개선되기 때문에 더 빠르고 유연하며 매력적인 최종 사용자 경험이 마련됩니다.

크리에이티브 컨트롤

단순히 콘텐츠를 입력하는 대신 경험을 만들어 보세요. SPA의 구조와 레이아웃, 콘텐츠를 Magnolia 페이지 에디터에서 바로 편집할 수 있습니다. 어떤 구성 요소를 어디에 배치하고 어떤 레이아웃을 사용할지 선택할 수 있습니다.

실시간 미리보기

마케터가 SPA로 만든 환경을 최종 사용자에게 보이는 그대로 미리 볼 수 있습니다. 이렇게 하면 자신이 의도한 실제 경험에서 분리되지 않고 원하는 대로 사용자의 참여를 유도하고 즐거움을 줄 수 있습니다.

신속한 개발

프런트엔드 기술(React, Angular, Vue 등)을 개발자가 선택할 수 있고, 디자이너와 개발자가 공통의 템플릿 세트를 공유하므로 출시 기간이 단축됩니다.

비용 절감

개발 비용과 유지 관리 비용이 절감됩니다. SPA 편집이 가능하므로 소프트웨어 개발 시 필요한 것은 모든 레이아웃 변경이 아닌 최초 설정 또는 중요 변경 정도에 불과합니다.

경쟁력 유지

SPA를 프런트엔드로 사용하고 헤드리스와 마이크로 서비스 또는 SOA 방식의 이점을 수확하세요. 툴 선택이 자유롭고 유지 관리가 개선되며 벤더 종속성이 감소하고 경험 생성 소요 시간이 빨라집니다.

마케터를 위한 헤드리스 마침내 등장하다

SPA가 귀사에 주는 이점과 Magnolia로 이러한 앱을 구축, 편집, 유지하는 것이 얼마나 쉬운지에 대한 자세한 내용은 제품 개요를 확인하세요.

마케터에게 자율권을 주는 SPA 편집기

SPA에는 많은 장점이 있지만, 일반적인 헤드리스 CMS에서 마케터는 자신이 만드는 실제 환경과 분리된 채 서식을 가지고 작업합니다. Magnolia 비주얼 SPA 편집기를 활용하는 마케터는 모든 레이아웃과 콘텐츠를 만들고 편집할 자율권을 갖고서 모든 경험을 맥락 속에서 미리 볼 수 있으며, 다양한 채널과 디지털 접점에서 콘텐츠를 재사용할 수 있습니다. 짜릿한 기능으로 드디어 만나다 마케터에게 자율권을 부여하는 헤드리스 방식입니다.

Magnolia에서 사용하는 법

프런트엔드 개발자는 기존에 익숙하게 사용하던 프레임워크와 툴로 계속 사이트를 구축하는 한편 Magnolia에서 SPA를 신속하게 지원할 수 있습니다. Magnolia의 SPA 편집기 활용:

  • Magnolia 페이지 에디터에서 바로 SPA 비주얼 편집
  • 수정 없이 기존 React/Angular 구성 요소 사용
  • 각 구성 요소에 대한 콘텐츠 편집 대화 상자 생성
  • 중첩 구성 요소 관리
  • 페이지 트리 관리
  • 대화식 구성 요소 관리
     

비주얼 SPA 편집기에 대해 자세히 알아보기

제품 개요 Headless
비주얼 SPA 편집기 제품 개요

마케터에 대한 제약 없이 헤드리스로 전환하세요. Magnolia 페이지 에디터 내부에서 마케터가 완전한 헤드리스 SPA(싱글 페이지 애플리케이션) 구조, 레이아웃, 콘텐츠를 편집할 수 있습니다.

비주얼 SPA 편집기 제품 개요
하얀 종이 Headless
SPA(Single Page Application) - 마케터를 위한 간편 가이드

SPA(Single Page Application) 사용의 주요 단계를 확인하여 수익을 늘리고 속도를 향상하고 고객 경험을 강화해보세요.

SPA(Single Page Application) - 마케터를 위한 간편 가이드
하얀 종이 Headless
헤드 투 헤드리스 리포트

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

Magnolia 헤드 투 헤드리스(Head to Headless) 연구 리포트

개인 데모 받기