Tema default para novas lojas VTEX.
- node (Linux, Mac and Windows)
- git
npm install -g vtex releasy webpack
Clone esse repositório e instale suas dependências:
git clone git@github.com:vtex-apps/storefront-theme.git
cd storefront-theme
npm install
A sandbox é usada para testar apps que não estão publicadas. Você irá usar uma sandbox apenas se você é um desenvolvedor de apps VTEX - Docs
A sandbox é como uma versão alternativa de uma app que só você vê durante desenvolvimento.
Precisamos indicar para o Storefront que iremos utilizar uma nova sandbox. Neste exemplo, usaremos o nome minhasandbox, mas você pode escolher o nome que quiser.
Faremos isso definindo um cookie especial no seu browser, com o nome vtex_sandbox e o valor vtex/minhasandbox=dreamstore-theme.
Para isso, baixe uma extensão do navegador que possibilite a alteração dos cookies. Recomendamos o Cookie Inspector. Para criar um novo cookie, abra o Developer Tools e clique na aba Cookies. Clique com o botão direito do mouse e escolha "Add New Cookie".
Edite esse cookie colocando as seguintes propriedades:
| Nome | Valor |
|---|---|
| vtex_sandbox | vtex/minhasandbox=storefront-theme |
Em um terminal no diretório deste repositório, inicie os comandos webpack -w, e vtex watch passando o nome da sandbox como primeiro parâmetro.
webpack -w & vtex watch minhasandbox
(O comando webpack irá rodar em background. Use o comando fg para trazê-lo ao foreground e ctrl-c para terminá-lo.)
Finalmente, acesse a URL de desenvolvimento:
http://sualoja.beta.myvtex.com
Importante: Substitua sualoja pelo account name de sua loja.
Adicione no fim da URL ?bundle=false, por ex: