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:

1. No terminal, acesse a pasta dos arquivos da loja

2. Execute o comando desejado passando uma --flag contendo o nome do preview:

   1. npm run dev -- --preview=nomedopreview
   2. 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: