Demo: Youtube
Você foi contratado para desenvolver o ecommerce do seu novo cliente, a UPMedal.com.
- Flex Layout para criar as cores em css - https://vtex.io/docs/components/all/vtex.flex-layout@0.17.0/
- Dar prioridade as páginas criada nos arquivos.jsonc colocando comentários dos blocos criados
- Utilizar o Slider layout para mostrar os produtos em destaque - https://vtex.io/docs/app/vtex.slider-layout
- Criar um componente Tab Layout para separar os produtos por categoria - https://vtex.io/docs/components/all/vtex.tab-layout@0.4.3/
- Criar um componente Tab Layout para separar os produtos por categoria - https://vtex.io/docs/components/all/vtex.tab-layout@0.4.3/
- Criar Minicard para lista dos produtos no carrinho - https://vtex.io/docs/components/content-blocks/vtex.minicart@2.60.0/
- Ao clicar no produto ir para tela com Product Summary - https://vtex.io/docs/components/all/vtex.product-summary@2.53.0/
- Criar um componente customizado para falar com suporte no whatsapp, no rodapé
- Utilizar o Vtex Componentes com React para criar o componente
- Criar um componente customizado para cadastrar leads (possíveis clientes prospectos) ○ Nome ○ Email ○ Telefone ○ Este componente pode servir de isca digital, fazendo dando uma bonificação para o prospecto que preencher as informações da lead. Utilizar o Vtex Componentes com React para criar o componente https://vtex.io/docs/components/all/vtex.store-components@3.150.0/ AWS API Gateway
● Com o objetivo de armazenar as leads que o Vtex componente irá utilizar no React, criar uma API Gateway na AWS para colocar as informações - https://aws.amazon.com/pt/api-gateway/ ● Um exemplo de arquivo API Gateway para estudo: ● https://github.com/awslabs/aws-api-gateway-developer-portal/blob/master/clo udformation/template.yaml ● https://github.com/mattpodolak/email-api-lambda ● https://github.com/amazon-archives/realworld-serverless-application/blob/master/backend/sam/app/api.template.yaml