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 [email protected]: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:

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:

http://dreamstore.beta.myvtex.com/?bundle=false