Magento PWA Studio 대 Vue Storefront: 어느 것이 당신에게 적합합니까?

시장에 출시된 지 꽤 된 Magento PWA Studio와 Vue Storefront는 현재 존재감을 확장하려는 브랜드를 위한 플랫폼입니다. 그러나 이들 중 어느 것이 귀하의 비즈니스에 실제로 도움이 될 수 있는지 아는 것은 물론 쉬운 일이 아닙니다.

위에서 언급한 두 가지 플랫폼과 같은 인기 있는 PWA 전자 상거래 플랫폼에 대한 현재 대중의 지식에 격차가 있음을 깨닫고 오늘 SimiCart의 기사에서 이 문제에 대해 자세히 알아볼 것입니다. 귀하의 비즈니스에 적합한 플랫폼.

프로그레시브 웹 앱과 관심을 가져야 하는 이유

먼저 이유 부터 시작하겠습니다.

전자 상거래 영역의 개발 동향을 따라 잡아 왔다면 현재 프로그레시브 웹 앱 이 핫하다는 것을 알고 있을 것입니다. 그 이유는 비교적 간단합니다. PWA는 이 옴니채널 시대에 온라인 상점에 필요한 모든 것을 제공합니다.

PWA 기반 매장에서 쇼핑하는 고객은 터치 포인트 감소, 즉각적인 로드 시간, 오프라인 기능 및 가장 중요한 Progressive Web Apps의 앱과 같은 인터페이스와 같은 변경 사항을 포함하여 쇼핑 경험에서 눈에 띄는 차이를 종종 깨닫습니다.

최신 기술 발전을 활용한 최첨단 기능을 통해 PWA는 일반적인 웹 경험을 혁신하고 쇼핑 경험을 더 나은 방향으로 변화시킬 수 있습니다. PWA가 제공하는 새로운 쇼핑 경험은 모든 장치에서 빠르고 매력적이며 반응이 좋습니다.

 추천 자료: 귀하의 비즈니스를 위한 프로그레시브 웹 앱의 이점 

Magento PWA Studio 및 Vue Storefront PWA에 대한 간략한 소개

마젠토 PWA 스튜디오

최근 Magento가 자체적으로 소개한 Magento PWA Studio는 판매자가 Magento 2 위에 Progressive Web Apps의 요소를 구현하여 상점을 최대한 최적화할 수 있도록 도와주는 도구 세트입니다. Magento PWA Studio를 통해 판매자는 최신 전면에 액세스할 수 있습니다. 아키텍처를 종료하고 웹 API를 열어 최신 표준으로 상점을 재구축합니다.

Magento PWA Studio의 장점

• 최신 개발 도구에 대한 액세스: Magento PWA Studio에서 제공하는 도구는 항상 최신 상태이며 가장 광범위한 문서를 제공합니다.
• 개발 용이성: Magento PWA Studio는 PWA 채택을 앞당기기 위해 만들어졌으므로 개발 용이성을 최우선 순위에 두었습니다.
• 강력한 커뮤니티: Magento PWA Studio 커뮤니티는 항상 새로운 사용자를 돕기 위해 존재합니다.
• GraphQL: GraphQL을 선도적인 기술로 사용하는 PWA Studio로 구축된 PWA는 다양한 소스의 여러 사용자를 압도적으로 가져오고 더 잘 처리할 수 있습니다.

Magento PWA Studio의 단점

• 플랫폼별: Magento PWA Studio를 사용 하려면 스토어가 Magento 2.3 이상이어야 합니다. 이것은 좋은 일이기도 하고 나쁜 일 이기도 합니다. 이렇게 하면 Magento PWA Studio를 개발하고 개선할 수 있는 더 많은 여지가 있고 플랫폼 호환성에 대해 걱정할 필요가 없기 때문입니다.
• 이전 버전과의 호환성 부족 : 매장에서 Magento PWA Studio 채택을 주저하게 만드는 한 가지 이유는 이전 버전과의 호환성이 부족하기 때문입니다. 이는 주로 업데이트 간의 GraphQL 스키마 변경 때문입니다.

뷰 스토어프론트

전자상거래 PWA 개발을 위해 최근에 등장한 또 다른 플랫폼은 플랫폼에 구애받지 않는 오픈 소스 PWA인 Vue Storefront입니다. Vue Storefront는 플랫폼 자체가 헤드리스이고 모든 전자 상거래 플랫폼에서 작동하므로 전체 기능을 위해 특정 유형의 백엔드가 필요하지 않습니다.

Vue Storefront의 장점

• 플랫폼에 구애받지 않음: Vue Storefront는 모든 전자 상거래 플랫폼에서 작동합니다.
• 오픈 소스: 누구나 프론트엔드 플랫폼 개선에 기여할 수 있습니다.

Vue Storefront의 단점

• 비호환성: 기존 전자 상거래 플랫폼에서 해결되지 않은 많은 문제
• 허용하지 않는다 jQuery 또는 기타 종속성 사용
• 문서 부족: Vue Storefront의 번거로운 설치 프로세스와 포괄적인 문서 부족에 대한 다양한 불만이 있습니다.

자세한 비교

장단점을 살펴보는 것만으로는 충분하지 않다고 느끼시는 분들을 위해 저희가 준비했습니다. 아래에서 두 가지 인기 있는 전자 상거래 PWA 플랫폼을 심층적으로 비교할 것입니다.

개요

일반적인 비교를 보면 Vue Storefront가 여기에서 더 나은 선택 이어야 한다는 것이 분명합니다. 하지만 자세히 들여다보면 그렇지 않은 것 같다.

Magento PWA Studio는 2018년 말에 출시되었지만(Vue 출시일보다 거의 1년 후임), 플랫폼이 성숙하는 데 전혀 시간이 걸리지 않습니다. 이제 Vue와 비슷한 기여자가 많이 있습니다. 커뮤니티는 강력하고 배우고자 하는 모든 사람에게 도움이 되며 잠재력이 가득합니다.

기술 비교

기술적으로 이 두 전자 상거래 PWA 플랫폼은 매우 유사합니다. 둘 다 서버 측 렌더링을 제공하여 상점의 검색 엔진 최적화에 부분적으로 도움이 됩니다. 그러나 여기서 볼 수 있는 사소한 차이점(즉, ReactJS)은 결과적으로 한 플랫폼이 다른 플랫폼보다 성능 면에서 더 우수한 이유입니다. Vue Storefront에서 사용하는 VueJS와 비교할 때 ReactJS는 개발 ​​및 쇼핑 경험 모두에서 훨씬 더 좋습니다. ReactJS를 사용하면 Magento 개발자는 Magento 안팎에서 가장 크고 강력하며 가장 유명하게 지원하는 사용자 커뮤니티의 지원을 받을 수 있습니다.

기능 비교

제공되는 기능과 관련하여 이 두 PWA 플랫폼은 기능면에서 Vue Storefront가 약간 뒤처져 있는 상태에서 서로 맞붙어 있습니다. 얼마 전까지만 해도 Vue Storefront 는 여기에서 높은 위치를 차지하는 플랫폼이었습니다. 따라서 Magento의 개발 진행 상황은 실제로 인상적이며 실제로 플랫폼 자체가 플랫폼이라는 특성 덕분에 다른 많은 제품보다 우수합니다. 구체적인 접근.

고객이 하는 말

결국, 가장 잘 알아야 하는 것은 고객입니다. 이러한 플랫폼 중 하나를 사용해 본 다른 상점 소유자의 의견을 자세히 살펴보겠습니다.

마젠토 PWA 스튜디오

전 세계 여성에게 경외심을 불러일으키는 오뜨 꾸뛰르 컬렉션 을 제공하는 것을 사명으로 하는 브랜드인 Bianca Nera 는 제품의 우아함을 가장 잘 나타내는 매장이 필요 했습니다 .

전체 개발 작업을 간소화하는 Magento PWA Studio와 솔루션 제공업체인 SimiCart를 통해 브랜드는 현장에서 쇼핑하는 방식의 개선과 기존 백의 주요 업그레이드를 확인할 수 있었습니다. -엔드 인프라.

PWA의 특징인 앱과 같은 모양과 느낌과 결합된 새로 발견된 속도 덕분에 Bianca Nera는 다음과 같은 뛰어난 결과를 볼 수 있었습니다.

• 세션당 페이지 수 45% 증가
• 103% 더 빠른 평균 페이지 로드 시간
• 온라인 매출 61% 성장

스토어의 백엔드 인프라에서 수행된 작업은 또한 스토어가 손쉽게 콘텐츠를 관리하고 구축할 수 있을 뿐만 아니라 새로운 콘텐츠를 생성할 수 있는 Magento의 자체 콘텐츠 관리 시스템(CMS) 덕분에 보다 직관적인 콘텐츠 관리를 가능하게 했습니다. 그리고 끊임없이 변화하는 트렌드를 따라잡기 위해 매력적인 쇼핑 경험을 제공합니다.

뷰 스토어프론트

PWA 시장의 오래된 플랫폼인 Vue Storefront는 이름을 붙일 고객 스토리가 부족하지 않습니다. 생각나는 한 가지 두드러진 사례는 Kubota의 이야기입니다.

폴란드 신발 브랜드인 Kubota는 예전에는 잘 알려지지도, 잘하는 브랜드도 아니었습니다. 사실, PWA 전자 상거래와 함께하기로 한 브랜드의 결정은 " 성공 또는 중단 "의 결정이었습니다. 그러나 PWA가 실제로 실망하지 않는 것으로 알려져 있기 때문에 운이 좋았습니다.

Kubota는 스마트폰으로 쇼핑하는 편리함을 훨씬 선호하는 대다수의 현대 쇼핑객을 대상으로 하는 모바일 우선 전략을 통해 다음과 같은 탁월한 결과를 얻을 수 있었습니다.

• 일일 방문자 수 192% 증가
• 전년 동기 대비 상위 3개 키워드에 94% 더 많은 키워드
• 로딩 시간 30% 개선

PWA를 사용하기로 한 결정, 특히 Vue Storefront 플랫폼을 사용하기로 한 결정은 브랜드가 전자 상거래 시장에 다시 진입하는 데 꼭 필요한 결정이었습니다. 그 후, 이 브랜드는 그 이후로 전 세계의 복고풍 패션 애호가들 사이에서 센세이션을 일으켰으며 복고풍 패션이 다시 유행하면서 앞으로 더욱 관련성이 높아질 것으로 예상됩니다.

정보에 입각한 결정 내리기

이제 당신에게 남은 것은 어느 쪽을 택할지 결정하는 것뿐입니다. 이 두 플랫폼 모두 장점이 있지만 항상 귀하의 요구 사항과 상점에 가장 적합한 플랫폼을 선택해야 합니다.

그러나 Magento 매장 소유자의 경우 Magento PWA Studio가 매장의 기존 인프라에 대한 최상의 지원을 제공하므로 잘못될 수 없다고 생각합니다. Magento PWA Studio에서 제공하는 사용 가능한 도구는 개발 요구 사항에 대한 높은 조정 가능성으로 모든 상황에서 잘 작동하고 작동하는 것으로 입증되었습니다.

그리고 Magento 매장을 위한 신뢰할 수 있는 솔루션이 필요한 경우를 대비하여 여기 SimiCart에서 8년 이상의 경험을 가진 Magento 전문가 팀으로 Magento 매장을 조명이 빠른 PWA로 전환할 준비가 되어 있습니다.

더 읽어보기:
Magento 2에서 PWA를 통합하는 방법