Magento PWA Studio vs Vue Storefront: Qual é para você?

No mercado há algum tempo, o Magento PWA Studio e o Vue Storefront são as plataformas atuais para marcas que desejam expandir sua presença. Mas saber qual deles pode realmente ajudar o seu negócio não é tarefa fácil.

Percebendo que há uma lacuna no conhecimento público atual sobre as plataformas populares de comércio eletrônico PWA, como as duas mencionadas acima, hoje no artigo do SimiCart, aprofundaremos o assunto - para ajudá-lo a finalmente escolher um plataforma adequada para o seu negócio.

Progressive Web Apps e por que você deveria se importar

Primeiro, vamos começar com os porquês .

Se você está acompanhando as tendências de desenvolvimento na esfera do comércio eletrônico, é provável que saiba que o P rogressive W eb A pp está em alta no momento. A razão para isso é relativamente simples – o PWA oferece tudo o que as lojas online precisam neste momento omnichannel .

Os clientes que compram em lojas com PWA muitas vezes percebem uma diferença notável em sua experiência de compra, que inclui alterações como pontos de contato reduzidos, tempo de carregamento instantâneo, capacidade offline e, o mais importante, a interface semelhante a um aplicativo dos Progressive Web Apps.

Com seus recursos de ponta utilizando os mais recentes avanços tecnológicos, o PWA é capaz de revolucionar a experiência típica da web e transformar a experiência de compra para melhor. A nova experiência de compra com o PWA está pronta para ser rápida, envolvente e responsiva em todos os dispositivos.

 Leitura recomendada: Benefícios de um Progressive Web App para o seu negócio 

Breve introdução ao Magento PWA Studio e Vue Storefront PWA

Estúdio Magento PWA

Recentemente introduzido pelo próprio Magento, o Magento PWA Studio é um conjunto de ferramentas para ajudar os comerciantes a otimizar suas lojas ao máximo, implementando elementos de Progressive Web Apps em cima do Magento 2. Com o Magento PWA Studio, os comerciantes podem ter acesso aos mais recentes front- arquitetura final e APIs da Web abertas para reconstruir suas lojas no padrão mais recente.

Vantagens do Magento PWA Studio

• Acesso a ferramentas de desenvolvimento atualizadas: As ferramentas fornecidas pelo Magento PWA Studio estão sempre atualizadas e com a mais extensa documentação.
• Facilidade de desenvolvimento: O Magento PWA Studio foi criado com o objetivo de avançar na adoção de PWAs, portanto, a facilidade de desenvolvimento foi colocada na mais alta prioridade.
• Comunidade forte: A comunidade Magento PWA Studio está sempre lá para ajudar os recém-chegados.
• GraphQL: Usando o GraphQL como sua tecnologia líder, os PWAs criados com o PWA Studio podem ter quase nenhuma busca excessiva e melhor manuseio de vários usuários de várias fontes.

Contras do Magento PWA Studio

• Específico da plataforma: o Magento PWA Studio exige que sua loja esteja no Magento 2.3 e superior. Isso é bom e ruim , pois dessa forma há mais margem de manobra para desenvolver e melhorar o Magento PWA Studio e não ter que se preocupar com a compatibilidade da plataforma.
• Falta de compatibilidade com versões mais antigas : Um motivo que faz as lojas hesitarem em adotar o Magento PWA Studio é por causa de sua falta de compatibilidade com versões mais antigas, que se deve principalmente às mudanças de esquema do GraphQL entre as atualizações.

Vitrine do Vue

Outra plataforma que surgiu recentemente para o desenvolvimento de PWA de comércio eletrônico é o Vue Storefront – o PWA de código aberto e independente de plataforma. O Vue Storefront não requer nenhum tipo específico de back-end para funcionalidades completas, pois a plataforma em si não tem cabeça e funciona em qualquer plataforma de comércio eletrônico.

Prós do Vue Storefront

• Plataforma agnóstica: Vue Storefront funciona em todas as plataformas de comércio eletrônico
• Open-source: Qualquer pessoa pode contribuir para melhorar a plataforma front-end

Contras do Vue Storefront

• Incompatibilidades: Muitos problemas não resolvidos com plataformas de comércio eletrônico existentes
• Não permite o uso de jQuery ou outras dependências
• Falta documentação: Existem várias reclamações sobre o processo de instalação problemático com o Vue Storefront e sua falta de documentação abrangente.

Comparação detalhada

Para aqueles de vocês que acham que apenas analisar os prós e os contras não deve ser suficiente, nós temos o que você precisa. Abaixo, faremos uma comparação aprofundada das duas plataformas populares de eCommerce PWA:

Visão geral

Olhando para a comparação geral, fica claro que o Vue Storefront deve ser a escolha superior aqui. Mas após uma inspeção mais próxima, não parece assim.

Embora o Magento PWA Studio tenha sido lançado apenas no final de 2018 (que é quase um ano depois da data de lançamento do Vue), a plataforma não demora a amadurecer. Ele agora tem um número de colaboradores comparável ao do Vue; e a comunidade é forte, útil para quem quer aprender e repleta de potenciais.

Comparação Técnica

Em termos de tecnologia, essas duas plataformas de PWA de comércio eletrônico são bastante semelhantes, com ambas oferecendo renderização do lado do servidor para ajudar parcialmente nas otimizações do mecanismo de pesquisa da sua loja; mas as pequenas diferenças —ou seja, ReactJS—que podemos ver aqui, consequentemente, são a razão pela qual uma plataforma é superior em termos de desempenho do que a outra. Comparado ao VueJS, que é usado pelo Vue Storefront, o ReactJS é muito melhor para a experiência de desenvolvimento e compra. Com o ReactJS, os desenvolvedores do Magento podem aproveitar o suporte da maior, mais forte e mais famosa comunidade de usuários dentro e fora do Magento.

Comparação de funcionalidades

Quando se trata de recursos oferecidos, essas duas plataformas PWA estão de igual para igual, com o Vue Storefront um pouco atrasado em termos de recursos. Vale a pena notar que não muito tempo atrás, Vue Storefront era a plataforma para ter o terreno alto aqui, então o progresso de desenvolvimento do Magento é realmente impressionante e, de fato, melhor do que muitos de seus homólogos, graças à natureza da própria plataforma ser uma plataforma- abordagem específica.

O que os clientes dizem

Afinal, são os clientes que devem saber melhor. Vamos nos aprofundar para ver o que outros proprietários de lojas que experimentaram qualquer uma dessas plataformas têm a dizer:

Estúdio Magento PWA

Como uma marca cuja missão é fornecer coleções inspiradoras de alta costura para mulheres em todos os lugares, Bianca Nera precisava de uma vitrine que melhor retratasse a elegância de seus produtos – e, naturalmente, um Progressive Web App é isso .

Com o Magento PWA Studio para agilizar todo o trabalho de desenvolvimento - e também com o SimiCart como fornecedor de solução de escolha, a marca conseguiu ver uma reformulação na maneira como as compras são feitas no local, bem como uma grande atualização da parte traseira existente -infraestrutura final.

Graças à velocidade recém-descoberta, combinada com a aparência de aplicativo que é característica do PWA, Bianca Nera conseguiu ver resultados excelentes, incluindo:

• Aumento de 45% nas páginas por sessão
• Tempo médio de carregamento da página 103% mais rápido
• 61% de crescimento na receita online

O trabalho feito na infraestrutura de back-end da loja também permitiu uma gestão de conteúdo mais intuitiva, graças ao próprio Content Management System (CMS) da Magento, com o qual a loja conseguiu não apenas gerenciar e construir conteúdo sem esforço, mas também criar novos e experiências de compra atraentes para acompanhar as tendências em constante movimento.

Vitrine do Vue

Sendo uma plataforma mais antiga no mercado de PWA, o Vue Storefront não tem escassez de histórias de clientes para citar. Um caso proeminente que me vem à mente é a história de Kubota.

A marca polonesa de calçados Kubota não é conhecida anteriormente como uma marca conhecida nem bem-sucedida. De fato, a decisão da marca de optar pelo PWA eCommerce foi do tipo “ faça ou quebre ”. Foi, no entanto, uma sorte, pois o PWA não é conhecido por decepcionar.

Com sua estratégia mobile-first voltada para a enorme porcentagem de compradores modernos que preferem a conveniência de fazer compras em seus smartphones, a Kubota conseguiu obter resultados incomparáveis:

• 192% de crescimento de visitantes diários
• 94% mais palavras-chave no Top 3 YoY
• 30% de tempo de carregamento melhorado

A decisão de usar o PWA, especificamente a decisão de usar a plataforma Vue Storefront, serviu como uma necessidade muito necessária para a marca voltar ao mercado de comércio eletrônico. Depois disso, a marca tem sido uma sensação entre os amantes da moda retrô em todos os lugares e espera-se que seja ainda mais relevante nos próximos anos, já que a moda retrô está voltando em ondas.

Tome uma decisão informada

Agora tudo o que resta para você fazer é tomar uma decisão sobre com qual você deve ir. Embora ambas as plataformas tenham suas vantagens, você deve sempre escolher uma que melhor se adapte às suas necessidades e às da sua loja.

Para os proprietários de lojas Magento, no entanto, sentimos que você realmente não pode errar com o Magento PWA Studio, pois oferece o melhor suporte para a infraestrutura existente da sua loja. As ferramentas disponíveis oferecidas pelo Magento PWA Studio provaram funcionar e funcionam bem em todas as situações com alta capacidade de ajuste às suas necessidades de desenvolvimento.

E caso você precise de uma solução confiável para sua loja Magento, aqui no SimiCart, somos uma equipe de especialistas em Magento com mais de 8 anos de experiência, prontos para transformar sua loja Magento em um PWA super rápido:

Consulte Mais informação:
Como integrar o PWA no Magento 2