2022년의 헤드리스 마젠토: 설명된 모든 것 + 모범 사례

게시 됨: 2022-04-04

헤드리스는 최대 유연성과 민첩성을 달성하기 위해 프런트 엔드와 백 엔드를 분리하는 웹 사이트 아키텍처를 나타냅니다. 기술 전문가와 전자 상거래 전문가가 "전자 상거래의 미래"라고 부르는 동안 많은 유명 브랜드가 머리를 쓰지 않기로 결정함에 따라 이 용어는 인기를 얻었습니다.

그러나 Magento 소유자에게 실제로 의미하는 바는 무엇입니까? 이 기술이 특히 Magento 판매를 개선하고 비즈니스를 성장시키는 데 어떻게 도움이 됩니까? 알아 보자.

Magento 헤드리스 아키텍처란 무엇입니까?

Magento는 전통적으로 백엔드와 프론트엔드가 벽돌과 시멘트처럼 서로 밀접하게 붙어 있는 모놀리식 플랫폼입니다. 헤드리스 아키텍처는 콘텐츠 관리 시스템으로 Magento 백엔드를 사용합니다. 한편 프론트엔드는 플랫폼에 국한되지 않는 더 높은 사용자 정의 가능성을 위해 Magento에서 분리되었습니다.

헤드리스 Magento 매장이 기존 매장과 어떻게 다른지 이해하려면 헤드리스 아키텍처와 모놀리식 아키텍처 간의 핵심 차이점을 배우는 것이 중요합니다.

헤드리스 대 기본 아키텍처

전통적인 접근 방식의 경우 모든 것이 견고한 블록에서 작동하며 하나의 변경 사항이 다른 변경 사항에 영향을 미칩니다. 프론트엔드는 종종 반응합니다. 즉, 각 백엔드에 대한 프론트엔드 디자인만 있으며, 이 디자인은 UI와 UX를 최적화하기 위해 다양한 화면 크기에 비례적으로 표시되도록 만들어졌습니다.

한편, 헤드리스 방식 의 경우 API를 브리지로 사용하여 백엔드와 프론트엔드를 분리합니다. 하나의 백엔드를 다양한 프론트엔드와 연결할 수 있으며 그 반대의 경우도 마찬가지입니다.

 자세히 알아보기: 헤드리스 CMS와 기존 CMS?

Magento 매장을 위한 헤드리스 커머스의 이점

헤드리스 아키텍처와 마젠토는 프렌치 프라이와 케첩처럼 서로를 보완합니다. Magento의 오픈 소스 특성은 헤드리스 아키텍처가 잠재력을 최대한 발휘할 수 있도록 하는 반면 헤드리스 CMS는 Magento의 긴 개발 시간을 보완합니다.

Magento 매장을 헤드리스 모델로 전환할 때의 이점을 살펴보겠습니다.

더 나은 옴니채널 경험

간단히 말해서 헤드리스를 사용하면 보다 통합된 방식으로 더 많은 채널로 확장할 수 있습니다.

새로운 장소를 테스트하여 제품을 마케팅할 수 있습니다. 웹사이트, 모바일, 태블릿에 국한되지 않고 빌보드, 애플워치, IoT 기기 등과 같은 비전통적인 기기에도 기회를 제공합니다. 헤드리스 CMS의 가장 좋은 점은 콘텐츠 통합입니다. 일반적으로 브라우저 사이트, 모바일 앱 및 기타 장치에 콘텐츠를 업로드하려면 다양한 관리 대시보드를 사용해야 합니다. 헤드리스 방식의 경우 모든 화면이 Magento CMS와 연결됩니다. 따라서 모든 장치에 하나의 통합된 브랜딩 메시지를 전송하여 콘텐츠 업로드를 빠르게 수행할 수 있습니다.

또한 기존 상점의 프론트엔드는 반응형인 경우가 많습니다. 즉, 하나의 디자인이 다른 화면에 적용됩니다. 헤드리스 기술을 사용하면 모바일, 데스크톱 및 기타 디스플레이 화면을 위한 다양한 프론트엔드를 특별히 디자인할 수 있어 각 장치에 대한 최상의 경험을 최적화할 수 있습니다.

보다 유연한 사용자 정의

Magento와 같은 오픈 소스 플랫폼의 경우 사용자 지정 및 유지 관리에는 많은 코딩 노력이 필요합니다. 부주의한 변경은 버그와 오류를 일으킬 수 있습니다. 그러나 백엔드가 프론트엔드에서 분리되면 백엔드에 영향을 주지 않고 프론트엔드를 변경하는 것이 더 쉽고 그 반대의 경우도 마찬가지입니다.

코더는 백엔드에서 일어나는 일에 신경 쓰지 않고도 새로운 기능을 쉽게 테스트하고 프런트엔드에 새로운 기술을 추가할 수 있습니다. 또한 다른 팀 그룹이 문제 없이 Magento 웹사이트의 다른 부분에서 동시에 작업할 수도 있습니다.

자유롭게 매장 만들기

상점 전면 디자인의 경우 기존 Magento 상점은 사전 정의된 테마에 의존합니다.

반면에 헤드리스 프론트엔드의 경우 유리한 프레임워크 또는 프로그래밍 언어를 기반으로 고유한 UI 및 UX 디자인을 자유롭게 만들 수 있습니다. 이 과정은 처음에는 시간이 걸리지만 설정이 완료되면 코더는 테마 제한 없이 프론트엔드를 쉽게 수정할 수 있습니다.

헤드리스 프론트엔드에 페이지 빌더 도구를 사용하는 것도 탁월한 선택입니다. 상점 소유자는 코딩 없이 몇 분 만에 상점 첫 화면을 빠르게 끌어다 놓거나 버튼을 추가하거나 레이아웃을 조정할 수 있습니다.

더 나은 개인화 및 현지화

Magento의 콘텐츠 계층 구조를 통해 매장 소유자는 다양한 고객 그룹을 위한 여러 웹사이트와 매장을 만들 수 있으며 이는 개인화 마케팅을 위한 좋은 출발점이 됩니다. 더 나은 개발 시간, 콘텐츠 통합 및 프런트엔드 유연성을 갖춘 헤드리스 Magento 웹사이트는 개인화를 한 차원 높여줍니다.

개발자는 여러 국가 세그먼트에 대해 매장을 더 빠르게 만들 수 있으므로 마케팅 팀은 더 빠른 콘텐츠를 만들 수 있습니다. 또한 프런트엔드를 AI 및 머신 러닝과 원활하게 통합할 수 있습니다. 따라서 유용한 데이터를 수집하고 타겟이 명확한 텍스트와 영상을 전달할 수 있습니다.

따라서 깊은 현지화를 목표로 하는 많은 국제 브랜드는 새로운 영역으로 확장하는 전략에 머리 없는 접근 방식을 취합니다.

더 빠른 속도

프론트엔드와 백엔드가 분리되면서 더 가벼워지기 때문에 더 빨리 로드되는 경향이 있습니다. 또한 사용자 정의가 더 유연하기 때문에 개발자는 헤드리스 Magento 사이트에 대해 사이트 속도를 최적화하는 것이 더 간단하다는 것을 알 수 있습니다.

또한 헤드리스 커머스와 프로그레시브 웹 앱(PWA)은 종종 함께 사용됩니다. 일반적으로 PWA 스토어프론트는 원래 프론트엔드를 대체하고 Magento 백엔드와 연결하여 성능을 향상시킵니다. PWA는 장치 수준 캐싱에 Service Worker 기술을 사용하여 웹 사이트 속도를 2~4배 더 빠르게 할 수 있습니다.

 자세히 알아보기: 프로그레시브 웹 앱이란 무엇입니까?

단점은?

더 많은 개발 노력 필요

헤드리스 Magento 사이트를 구축하는 것은 일반 매장을 구축하는 것보다 더 복잡합니다. 사용자 정의 테마 및 API 또는 사용자 정의 기능을 생성해야 합니다.

이러한 이유로 헤드리스 마젠토 매장의 유지 관리에도 더 많은 노력이 필요합니다. 유능한 사내 개발자 팀이 필요합니다. 그렇지 않으면 웹 사이트를 원활하게 운영하기 위해 Magento 대행사에 의존해야 합니다.

출시 시간 지연

커스터마이징 작업의 양과 관련된 높은 기술 수준으로 인해 헤드리스 매장을 시작하는 데 일반적으로 더 오래 걸립니다.

개발자는 1개월 이내에 Magento 웹사이트를 완성할 수 있지만 기본 헤드리스 Magento 스토어는 배포 전에 약 2개월이 필요합니다.

더 비싸다

더 힘든 작업과 더 많은 프로젝트 시간은 필연적으로 더 높은 비용으로 이어집니다. 이것이 헤드리스 아키텍처가 엔터프라이즈 회사에서 더 인기 있는 것으로 알려진 이유입니다.

헤드리스를 고려하는 SMB는 개발이 예산을 초과하지 않도록 어떤 유형의 사용자 지정 및 기술이 필요한지 신중하게 생각해야 합니다.

최고의 Magento 2 헤드리스 예

1. G-SP

G-SP는 예비 부품 및 디지털 액세서리를 판매하는 주요 전자 상거래 매장 중 하나입니다. 2009년에 설립된 이 스웨덴 회사는 현재 스웨덴, 네덜란드 및 중국에 사무소를 두고 있으며 10,000개 이상의 제품을 보유하고 있습니다.

많은 Magento 매장과 마찬가지로 사이트 성능 및 안정성 문제에 직면하여 헤드리스 PWA를 선택하여 온라인 전환을 강화하고 게임에서 앞서 나가게 되었습니다.

헤드리스 PWA를 구현하여 모바일 사이트 속도가 2.7배 증가했습니다. 동시에 모든 장치에서 원활한 경험이 보장됩니다. 이는 G-SP와 같은 많은 플러그인 통합 및 카테고리가 있는 복잡한 Magento 사이트에 특히 중요합니다.

백엔드: 마젠토
프론트엔드: SimiCart PWA

 >> G-SP의 PWA 변신: Before & After

2. 사랑의 공예

(크레딧/뷰 스토어프론트)

LoveCraft의 홈페이지는 Instagram 피드와 유사하며 제작자의 프로필은 Instagram 계정 페이지와 유사합니다. 이 독특한 디자인은 회사 소유자가 웹 사이트를 전자 상거래 상점으로만 생각하지 않았기 때문에 의미가 있습니다. 판매 목적 외에도 LoveCrafts는 공예가가 아이디어와 영감을 찾을 수 있는 커뮤니티 허브 역할을 합니다.

웹사이트에 비즈니스의 이 두 가지 측면을 표시하려면 높은 유연성이 필요하며 LoveCrafts는 오랫동안 헤드리스 기술을 Magento 매장의 솔루션으로 인식해 왔습니다.

헤드리스 기술은 사용자가 모듈성을 수용할 수 있도록 합니다. 이 접근 방식을 위해 전자 상거래 기능은 모듈로 나뉘며 기존 시스템에 영향을 주지 않고 쉽게 추가하거나 제거할 수 있습니다.

이 접근 방식을 통해 중요한 기능만 선택할 수 있었습니다. 또한 고객이 새 기능을 좋아하는지 A/B 테스트하면서 새로운 기능을 점진적으로 추가할 수 있습니다. 그 결과 대상 고객에게 고도로 최적화된 효과적인 웹사이트가 생성됩니다.

백엔드: 마젠토
프론트엔드: Vue Storefronts

3. 테크노돔

Technodom은 Mid-Asia에서 가장 큰 소매업체 중 하나입니다. 연간 총 수익이 8억 달러인 이 거대 기업은 약 9,000명의 직원, 60,000개 이상의 제품 및 4,000개 카테고리를 보유하고 있습니다.

표면적으로 헤드리스 Magento 사이트는 PWA의 사전 렌더링 솔루션 덕분에 1초 미만의 로딩으로 인상적입니다. ScandiPWA에 따르면 카테고리 페이지는 1초 미만으로, 제품 페이지는 200ms 미만으로 로드됩니다.

더 깊은 계층에서 Technodom의 백엔드는 기업이 데이터베이스를 효율적으로 관리 및 배포하는 데 필수적인 Akeneo PIM(제품 정보 관리) 및 ESB(Enterprise Service Bus)와 통합됩니다.

또한 데이터 레이어는 PWA 프런트엔드와 직접 연결되어 고급 데이터 수집 및 이벤트 트리거링이 가능합니다. 따라서 Technodom의 마케팅 부서는 고객의 여정을 완전히 커버하고 고도로 개인화된 콘텐츠를 제공할 수 있는 강력한 힘을 가지고 있습니다.

중요한 것은 PWA, PIM, ESB, 데이터 마이그레이션을 포함한 모든 개발 프로세스가 6개월 이내에 완료된다는 점입니다. 헤드리스 아키텍처 덕분에 서로 다른 스트림에서 서로 다른 작업을 동시에 수행할 수 있습니다.

백엔드: 마젠토
프론트엔드: ScandiPWA

4. 카포랄

2004년부터 Kaporal은 청바지와 청바지에 대한 열정을 유지합니다. 오랜 기간 운영되는 많은 Magento 기업과 마찬가지로 Magento 1의 수명이 다했을 때 업데이트와 마이그레이션에 어려움을 겪었습니다.

헤드리스 PWA 매장으로 Magento 2로 레벨을 올리는 것은 느린 속도와 열악한 모바일 성능을 극복하기 위한 Kaporal의 솔루션이었습니다. 더군다나 새로운 상점은 마케팅 아이디어에 부합하는 사용자 경험을 만들 수 있는 큰 자유를 주었습니다.

그러나 가장 인상적인 부분은 헤드리스 기술의 유연성입니다. 구성 가능한 상거래 접근 방식(모듈성)을 사용하면 다양한 비즈니스 솔루션을 하나의 플랫폼으로 원활하게 결합하는 것이 그 어느 때보다 쉬워졌습니다.

백엔드: 마젠토 2
프론트엔드: 프론트커머스

5. 타우어 향수

이 목록의 다른 많은 예와 달리 Taur Perfume은 엔터프라이즈 수준의 회사가 아니라 전자 상거래 상점 및 일부 시장을 통해 공예품을 판매하는 열정적인 개인 비즈니스입니다.

그들의 Magento 1.9는 모바일 전환을 최적화할 수 없었습니다. 이는 회사에 엄청난 낭비였습니다. 그들은 상황을 개선하기 위해 현재 프론트엔드를 새로운 헤드리스 PWA 프론트엔드로 교체하기로 결정했습니다. 새로운 매장 외관도 더 나은 UX를 제공하도록 재설계되었습니다.

Magento 2로 업그레이드하는 것이 Magento 1 매장에 대한 명백한 선택인 것처럼 보이지만 번거로움이 많다면 헤드리스 PWA 매장으로 전환하는 것이 훌륭한 솔루션이 될 수 있습니다.

Tauer 향수의 예는 헤드리스 PWA 및 맞춤형 최적화 기능을 갖춘 Magento 1 매장이 여전히 잘 수행되고 기업의 요구를 충족할 수 있음을 보여줍니다. 또한, 어느 날 Magento 판매자가 Magento 2로 업그레이드하기로 결정하면 PWA 프론트엔드가 문제 없이 새 백엔드에 즉시 연결할 수 있습니다.

백엔드: 마젠토 1
프론트엔드: 프론트커머스

6. 갤러리 드 보떼

그리스 화장품 브랜드인 Galerie de Beaute는 20년도 채 되지 않아 50개의 실제 매장으로 성공적으로 확장했습니다. 그들은 첫 번째 해외 매장을 열 계획이었기 때문에 Magento 사이트를 개선하고 중요한 문제를 해결할 때이기도 했습니다.

사이트가 느리다고 불평했습니다. 또한 회사는 기술에 정통한 고객의 끊임없이 변화하는 요구 사항을 충족하기 위해 보다 유연한 UX가 필요하다는 사실을 깨달았습니다.

사이트를 분리하고 헤드리스 PWA 상점을 사용하면 이러한 모든 문제를 해결할 수 있습니다.

결과적으로 모든 장치에서 최고 수준의 성능을 보장하는 번개처럼 빠른 매장과 자주 조정할 수 있는 고유한 디자인을 갖게 되었습니다. 헤드리스 아키텍처의 다용성은 또한 미래에 비즈니스에 필요한 변경 사항이 무엇이든 제한 없이 이루어질 수 있음을 보장합니다.

몇 가지 중요한 숫자:

+50% 페이지 로드 시간
+ 35% 전환율
+110% 모바일 수익

아키텍처 분석:

백엔드: 마젠토 2
프론트엔드: Vue Storefront PWA

Magento 헤드리스 개발 비용은 얼마입니까?

Magento 사이트를 헤드리스로 만드는 일반적인 비용을 찾는 것은 프로젝트의 복잡성과 관련된 작업의 수에 따라 달라지기 때문에 까다롭습니다.

그러나 사이트 변환에 필요한 것이 무엇인지 생각하면 신뢰할 수 있는 추정 수치를 향해 작업할 수 있습니다.

헤드리스 Magento 매장의 비용에 영향을 미치는 요소는 다음과 같습니다.

상점 정면 디자인: 몇 개의 상점 정면을 만들고 싶습니까? UI 및 UX 아이디어가 얼마나 복잡합니까? 디자인 서비스가 필요하십니까? 테마를 구매하시겠습니까, 페이지 빌더를 사용하시겠습니까, 아니면 처음부터 만드시겠습니까?
PWA 구현: 성능과 모바일 경험을 개선하기 위해 헤드리스 매장에 PWA를 사용하시겠습니까?
맞춤형 통합: 더 많은 기능(예: 새로운 지불 게이트웨이, 바코드 스캐너 등)을 추가해야 합니까? 그렇지 않으면 다른 비즈니스 솔루션(예: 마케팅 자동화, ERP, CRM, PIM 등)과 통합해야 합니까?
API 사용자 정의: 상점이 복잡할수록 백엔드와 완벽하게 연결하려면 API를 더 많이 사용자 정의해야 합니다.

일반적으로 헤드리스 Magento 웹사이트의 비용 은 $3,000에서 $100,000 이상 입니다. 기본적인 구현을 위해 소규모 기업은 PWA가 있는 괜찮은 헤드리스 Magento 매장에 3,000~35,000달러 를 지불해야 할 수 있습니다.

또한 시간에 관해서는 헤드리스 마젠토 스토어를 개발하는 데 1개월에서 6개월 이 소요될 수 있습니다. 다시 말하지만 이것은 프로젝트의 범위에 따라 다릅니다.

내 Magento 매장을 헤드리스로 전환해야 합니까?

이 기사를 읽고 있기 때문에 헤드리스 아키텍처가 Magento 매장에 몇 가지 유망한 이점이 있음이 분명합니다. 그러나 진실의 순간에 관해서는 많은 무게를 달고 내려야 합니다.

보다 쉽게 하기 위해 다음 범주 중 하나 이상에 해당하는 경우 헤드리스 아키텍처가 귀하의 비즈니스에 이상적일 가능성이 매우 높습니다.

모바일 성능과 UX를 개선하고 싶은 분

현재 Magento 매장에 더 나은 모바일 전환율을 방해하는 속도 문제가 있는 경우 헤드리스 PWA로 전환하는 것을 고려할 수 있습니다.

헤드리스 아키텍처와 PWA 매장은 성능 저하와 느린 사용자 경험을 극복하여 모바일 전환율을 높이는 강력한 듀오입니다.

유연성과 실험성을 추구합니다.

그것이 새로운 기술이든, 독특한 UI/UX 아이디어이든, 새로운 비즈니스 소프트웨어이든, 훨씬 더 짧은 시간에 생성/통합할 수 있습니다. 또한 조정이 마음에 들지 않는 경우 현재 시스템에서 해당 조정을 제거하는 것이 두통 없이 간단하게 수행할 수 있습니다.

해외 진출을 계획 중입니다

헤드리스 기술은 더 빠른 개발 및 콘텐츠 제공을 가능하게 하고 현지화 및 개인화를 위한 더 나은 유연성을 제공합니다. 이는 비즈니스가 다른 국가로 성공적으로 확장하는 데 도움이 되는 강력한 요소입니다.

콘텐츠를 지속적으로 업데이트합니다.

프론트 엔드와 백 엔드가 독립되어 있어 백엔드에 대한 걱정 없이 프론트엔드를 자유롭게 조정할 수 있습니다. 예를 들어, 개발 팀이 백엔드에서 주문 관리 시스템을 통합하는 동안 새로운 프론트엔드 기능(예: 데이터 추적 도구)을 추가하고 페이지 레이아웃 및 요소를 수정할 수 있습니다.

이는 웹 사이트 콘텐츠를 자주 새로 고치는 경우 특히 유용합니다.

기업 비즈니스를 위한 최대 효율성과 데이터 통합을 달성할 수 있는 솔루션을 찾고 있습니다.

맞춤형 API를 사용하여 헤드리스 Magento 매장은 PIM, ERP와 같은 외부 솔루션과 함께 비즈니스 운영을 극대화하고 데이터 및 리소스를 최대한 활용할 수 있습니다. 예를 들어 웹 사이트, 앱 등의 콘텐츠를 단일 백엔드에서 관리할 수 있고 Amazon과 원활하게 통합 및 동기화할 수 있습니다.

SimiCart와 함께 헤드리스로 이동

오늘날 디지털 공간에서의 경쟁은 치열하고 기업은 항상 더 나은 방법을 찾습니다. 헤드리스로 전환하면 Magento 매장이 더 빠르고 강력하고 유연해집니다. 이 기사가 헤드리스 아키텍처와 이것이 Magento 매장에 적합한지 여부를 설명하기를 바랍니다.

현재 귀하의 비즈니스에 헤드리스가 확실히 필요한 경우 당사 전문가가 헤드리스 Magento PWA 매장을 최대한 빨리 달성하도록 도와드립니다.

견적