Desafio Final Programa Hiring Coders - GRUPO 27

Desafio Corebiz

Projeto realizado como Desafio Final do programa de treinamento Hiring Coders #2, em Ago/2021.

Loja criada seguindo a identidade de nosso patrocinador, a empresa Corebiz, e integrando as tecnologias VTEX IO, AWS Lambda, AWS API Gateway, React, Typescript, GraphQL, Node.js, entre outras, para a criação de uma loja funcional para a empresa que emita pedidos, capture leads, cadastre clientes e interaja com a API da VTEX para gerenciar os leads e clientes cadastrados pelo painel do Admin.

Projeto online

Configurando o VTEX e rodando o projeto

1 - Configuração Básica

Acesse o guia de configuração básica do VTEX IO e siga todos os passos listados.

Ao final da configuração, você deve ter o CLI VTEX (Toolbelt) instalado junto com um workspace de desenvolvimento no qual você pode trabalhar.

2 - Clonando o Tema da Loja

Clone esse repositório para seus arquivos locais para poder efetivamente começar a trabalhar nele.

Depois, acesse o diretório do repositório usando seu terminal.

3 - Editando o `Manifest.json`

Uma vez no diretório do repositório, é hora de editar o arquivo manifest.json do Tema.

Assim que estiver no arquivo, você deve substituir os valores de vendor e account. vendor é o nome da conta em que você está trabalhando e account é qualquer nome que você queira atribuir a seu tema. Por exemplo:

{
  "vendor": "storecomponents",
  "name": "my-test-theme",
}

4 - Instalando apps necessários

Para usar o Store Framework e trabalhar no tema da sua loja, é preciso ter ambos vtex.store-sitemap e vtex.store instalados.

Execute vtex list e cheque se ambos esses apps já estão instalados.

Caso não estejam, execute o seguinte comando para instalá-los: vtex install vtex.store-sitemap vtex.store -f

5 - Desinstalando o tema existente

Executando vtex list, você pode verificar se qualquer tema está instalado.

É comum já ter um vtex.store-theme instalado quando você começa o processo de desenvolvimento do front da loja.

Portanto, se você encontrá-lo na lista de apps, copie o seu nome e use-o junto do comando vtex uninstall. Por exemplo:

vtex uninstall vtex.store-theme

6- Execute e pré-visualize sua loja

Então chegou a hora de subir todas as mudanças que você fez em seus arquivos locais para a plataforma. Para isso, use o comando vtex link.

Se o processo for executado sem nenhum erro, a mensagem a seguir será exibida: App linked successfully. Em seguida, execute o comando vtex browse para abrir a janela do browser tendo sua loja linkada nele.

Isso vai te possibilitar ver as mudanças aplicadas em tempo real, através da conta e do workspace em que você está trabalhando.