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:
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: