Magento PWA Studio vs Vue Storefront: comparação e conselhos

O Progressive Web App está crescendo como a principal tecnologia que os comerciantes devem integrar em seu site para oferecer a melhor experiência aos clientes. As plataformas mais populares para construir PWA para lojas Magento no momento são PWA Studio da Magento (Adobe) e Vue Storefront. Este post trabalhará na comparação dessas duas estruturas de PWA – Magento PWA Studio vs Vue Storefront e aconselhará as empresas sobre qual delas melhor se adapta aos seus negócios.

Vamos começar!

1/ Estúdio Magento PWA

Magento PWA Studio é um conjunto de ferramentas fornecidas pelo Magento para configurar o PWA para o site atual do Magento.

A ferramenta é aplicada apenas para Magento 2. Assim, as empresas que não migraram do Magento 1 para o 2 precisam fazer a migração antes de poderem desenvolver o PWA pelo Magento PWA Studio.

O PWA Studio é baseado em React, JavaScript, Redux e GraphQL.

Prós:

Tecnologia atualizada

As ferramentas recebem melhorias frequentes do Magento para que os comerciantes sempre recebam as atualizações mais recentes para suas lojas.

Documentação detalhada

Os comerciantes podem encontrar a maioria de suas preocupações (visão geral do PWA Studio, conceitos básicos, configuração da vitrine do PWA, tutoriais, referência de API, notas de lançamento, perguntas frequentes ...) explicadas cuidadosamente no Magento PWA Docs.

Abordagem de desenvolvimento facilitada

Com os recursos úteis do Magento, os desenvolvedores podem achar o processo de integração do PWA menos complicado.

Comunidade forte

O Magento PWA Studio é suportado e contribuído pela comunidade Magento com um grande número de desenvolvedores. Portanto, pode ser mais fácil procurar assistência para seu PWA quando necessário.

Recursos completos de PWA

Os comerciantes terão todas as funções do PWA integradas em sua loja com o Magento PWA Studio (adicionar à tela inicial, modo offline, notificação por push, sincronização em segundo plano e assim por diante).

Projetos anteriores bem sucedidos

Muitos projetos de desenvolvimento de PWA baseados no PWA Studio relataram resultados positivos, como ShopEddies e Boonthavorn.

Contras:

Incompatibilidade entre plataformas

A principal limitação do uso do Magento PWA Studio é que ele é compatível apenas com o Magento. Além disso, foi construído apenas para Magento 2.3 e versões superiores, o Magento 1 não é suportado.

Design esboçado

Semelhante ao tema padrão do Magento (Luma & Blank), o tema Venia PWA Studio é muito básico e não muito atraente. Como resultado, raras lojas Magento aplicarão esse modelo imediatamente, mas farão uma personalização pesada ou procurarão outros temas Magento PWA criados a partir do PWA Studio.

2/ Vitrine do Vue

Vue Storefront é um frontend PWA de código aberto para várias plataformas de comércio eletrônico, incluindo Magento.

O Vue Storefront usa Vue.JS, Nuxt.JS, JavaScript e API de composição.

Prós

Designs diferentes

Essa solução PWA oferece aos comerciantes uma ampla gama de opções de design que podem atender a muitos conjuntos diferentes de necessidades das empresas.

Compatibilidade

O Vue Storefront pode ser aplicado para Magento, Shopify e Shopware e tem a intenção de se conectar com mais plataformas eletrônicas no futuro.

No que diz respeito à compatibilidade com Magento, o Vue Storefront suporta Magento 1 e Magento 2.

Personalização flexível

Qualquer pessoa pode ter acesso à plataforma, obtê-la no Github e fazer melhorias. Assim, isso cria grande flexibilidade e fácil customização para os desenvolvedores entregarem a solução que melhor atende às necessidades dos lojistas.

Documentos bem escritos

Os desenvolvedores não encontram muitas dificuldades ao configurar o tema PWA pelo Vue Storefront, pois a documentação fornecida é bastante detalhada.

Contras

Conflitos com Magento

Depois que o site Magento é convertido para Magento PWA, seu frontend é substituído pelo frontend PWA do Vue Storefront, no entanto, o backend Magento ainda é o mesmo. Portanto, é fundamental que a nova vitrine suporte os principais recursos do Magento.

Esse é o problema.

Em primeiro lugar, o Vue Storefront não suporta todos os recursos principais dos sites Magento no momento.

Em segundo lugar, quando os comerciantes desejam atualizar suas lojas para uma versão mais recente do Magento 2 no futuro, com mais recursos por vir, o backend atualizado provavelmente entrará em conflito com a loja PWA do Vue Storefront.

Como resultado, leva tempo para os proprietários de lojas adicionarem mais funções aos seus PWAs, bem como resolver possíveis conflitos entre Magento e Vue.

Taxa de personalização e desenvolvimento

Os comerciantes ainda precisam pagar pela personalização, pois o design ainda precisa de mais ajustes antes de entrar em operação.

Embora a ferramenta não cobre taxas dos comerciantes, o serviço de desenvolvimento é bastante caro, especialmente quando você contrata os desenvolvedores do Vue Storefront.

Magento PWA Studio vs Vue Storefront: qual vence?

No geral, o Magento PWA Studio parece ser uma solução melhor para os usuários do Magento. Ele é atualizado frequentemente em paralelo com a progressão do Magento 2. Além disso, como ele vem do Magento, o conflito de código pode não ser um problema. Além disso, o PWA Studio está mais familiarizado com os desenvolvedores Magento. Portanto, seria mais fácil para você buscar um parceiro (agência ou programador) para o seu projeto.

Em comparação, o Vue Storefront não se concentra no Magento, mas em plataformas variadas, acaba com recursos essenciais ausentes e provável dissensão de código.

No entanto, há duas coisas que fazem o Vue Storefront superar o PWA Studio. Primeiro, é compatível com Magento 1. Segundo, oferece mais opções em termos de design da loja.

Portanto, se você possui uma loja Magento 2 e deseja convertê-la em um Magento PWA, usar o PWA Studio ou temas PWA prontos com base nele é inquestionavelmente uma jogada inteligente. Por outro lado, se o seu site atual é Magento 1 e você não tem intenção de transformá-lo em Magento 2, é mais recomendado optar pela solução Vue para desenvolvimento de PWA.

Quando se trata de desenvolvimento de Magento Progressive Web App, a Tigren é uma das primeiras empresas que você precisa considerar. Fornecemos uma variedade de soluções, desde o TigrenPWA – um modelo de PWA rico em recursos para Magento construído com o PWA Studio, desenvolvimento de PWA personalizado (do zero), até o site Magento para migração de PWA. Tem alguma dúvida para nós? Envie-os para [email protected] agora!

Consulte Mais informação:

O que é Magento PWA Studio? – Explicação completa

Magento 2 PWA Studio Demo (Venia) vs. Tema TigrenPWA

Como configurar o Magento 2 PWA Studio?