A loja de produtos alimentícios do Carrefour em VTEX IO continha um número alto de customizações e SKU’S que impactavam no tempo de carregamento do site. A estratégia adotada pelo time de desenvolvimento da VTEX e da Quality Digital foi migrar a loja para Jamstack, uma arquitetura de desenvolvimento open source focada em performance para lojas com especificações como a do mercado Carrefour.
Uma arquitetura moderna para desenvolvimento web, o termo é um acrônimo para o conjunto de JavaScript, API’S e Markup. Enquanto stack na tradução literal é uma analogia a uma “pilha tecnológica” para explicar uma arquitetura.
O Jamstack nasceu com o objetivo de quebrar o paradigma da forma atual como os sites são desenvolvidos criando a necessidade de desenvolvimento de aplicações web mais robustas e escaláveis.
Performance: Distribuição global do site estaticamente por meio de uma CDN.
Segurança: Sem preocupação com diversos pontos de falha como databases e servidores web.
Economia: Hospedar arquivos estáticos em Serviços de CDN é mais barato.
Melhor Developer Experience (DX): Arquitetura baseada em Headless permite que as soluções de back-end sejam desacopladas do front-end trazendo liberdade.
Escalabilidade: Aproveitamento da tecnologia de CDN para distribuir seu site ao redor do mundo com altíssima velocidade e confiabilidade.
O VTEX IO trabalha com Server Side Rendering ou SSR onde os componentes React são renderizados do lado do servidor e depois esse código é enviado para o lado do cliente para a página carregar.
Já com o Jamstack, ao invés das informações da loja serem renderizadas no Server Side, elas são publicadas diretamente no Client Side reduzindo o tempo de carregamento do website.
Ao lançar uma versão nova do website, ele já renderiza todas as páginas e componentes necessários e todas essas informações são cacheadas na CDN fazendo dela uma tecnologia mais ágil.
Por ser uma tecnologia recente que ainda não havia sido lançada, a implementação exigiu uma curva de aprendizagem, e muita sinergia entre o time da Quality Digital e da VTEX. Outro desafio foi o curto tempo para a go live. Para subir a loja dentro do prazo, a estratégia foi entregar um MVP (Mínimo Produto Viável), para que as features mais relevantes fossem para o ar o mais rápido possível e evoluções incrementais fossem realizadas posteriormente. O trabalho entre Quality Digital e VTEX foi feito a quatro mãos. A VTEX já tinha alguns componentes que foram reaproveitados, porém que exigiram estilizações. O resultado foi uma loja com mais performance entregue em apenas três meses.
Ao enviar este formulário dou consentimento específico para que meus dados pessoais e eventuais dados pessoais sensíveis sejam tratados pela QUALITY SOFTWARE S/A e empresas coligadas ou subsidiárias do grupo econômico, envolvendo ações de marketing, de comunicação social e recrutamento e seleção. Os direitos do titular podem ser aplicados em conformidade com a Política de Privacidade, e por meio do contato com o canal dpo@quality.com.br. Os dados são tratados em conformidade com a Lei n°. 13.709/18.
