Preview

O ambiente de preview permite que você crie uma instância separada do ambiente de Staging, permitindo que você programe uma alteração de forma isolada.

O uso mais prático é para quando dois desenvolvedores vão atuar na mesma loja, ao mesmo tempo. Para evitar que sobescrevam os arquivos uns dos outros no ambiente principal de Staging, cada um pode criar o seu próprio preview e trabalhar neles de forma individual, integrando tudo ao final, quando as alterações de ambos forem consolidadas no código.

O recurso de preview é um recurso exclusivo do ambiente de Staging, que funciona somente para os comandos npm run dev e npm run sync. Confira abaixo como definir um preview para uso no seu projeto:

Como abrir um novo Preview em Staging:

1. No terminal, acesse a pasta dos arquivos da loja
2. Execute o comando desejado passando uma —flag contendo o nome do preview:
   • npm run dev -- --preview=nomedopreview
   • npm run sync -- --preview=nomedopreview
3. Caso o preview seja novo, execute primeiro o comando npm run sync com a flag. Caso contrário, se já existe, use o comando npm run dev para iniciar a programação
4. Acesse a URL que ficará disponível e confira a pré-visualização das alterações. Se o preview foi informado corretamente, a URL do preview ficará disponível no terminal, ao rodar o comando npm run dev: