Editar o layout da loja em um servidor Local, isolado da operação do e-commerce

Fiz um vídeo mostrando como fazer um clone dos arquivos do storefront da sua loja no seu PC. Você pode ver aqui. Por quê fazer testes e edição de layout dessa forma?

  • Ambiente de testes totalmente isolado da operação do e-commerce

Aqui você pode fazer todos os testes em um servidor local e só efetuar a mudança quando já estiver decidida. Sem impacto algum na loja virtual.

  • Mudanças visualizadas automaticamente

Quando você faz alguma alteração no storefront ela leva alguns minutos para ser visível. No servidor local as mudanças podem ser vistas automáticamente.

  • Várias mudanças de uma só vez.

Quando ocorre alguma alteração no CMS, o storefront refaz todas as páginas da loja. Isso será feito para cada publicação no CMS. Fazendo isso localmente, você pode alterar muitos pontos de uma só vez, assim as mudanças entram em produção juntas.

Para fazer como fiz no vídeo, é preciso instalar o git e o node no seu computador. Para instalar o git basta ir nesta página, clicar em “download for windows” (caso use windows) e seguir o fluxo de instalação. Já para instalar o node você deve ir nesta página, fazer o download do installer e seguir o fluxo de instalação.

Lista dos comandos mostrados no vídeo:

  • Para fazer um clone do repositório do github no seu local você deve:
  1. Abrir a linha de comando
  2. git clone “url do repositório no github”
  • Para instalar as dependências você deve
  1. Abrir a linha de comando
  2. cd “nome do repositório”
  3. npm i
  • Para abrir o servidor local você deve
  1. Abrir a linha de comando
  2. cd “nome do repositório”
  3. npm run serve
  • Para subir as mudanças feitas localmente para o repositório do github você deve:
  1. Abrir a linha de comando
  2. cd “nome do repositório”
  3. git add “caminho das mudanças ex: content/pages”
  4. git commit -m “mensagem para registro”
  5. git push
2 Curtidas

Fala Vitor, boa tarde. Como faço para ter acesso ao repositório?

@fitpop respondido no privado com o link

1 Curtida

Obrigado Mathesu! :slight_smile:

@Matheus seria possível eu ter acesso ao repositório também?