Jojo Paper

🛍 Loja virtual da Jojo Paper
🛒 Criado com Loja Integrada

Instalação

Configurar HTTPS

• Instalar mkcert
• Executar na raiz do projeto:

  mkdir -p certs \
    && cd certs \
    && mkcert local.jojopaper.com.br \
    && cd -

• Inserir o domínio no /etc/hosts

  No Windows, C:\Windows\System32\drivers\etc\hosts

  127.0.0.1  local.jojopaper.com.br
  

Iniciar o desenvolvimento

• Ainda na raiz, executar o comando:

  make

• Abrir o endereço no navegador:
  https://local.jojopaper.com.br:3000

Deploy

Nota: caso exista pelo menos um produto no seu carrinho de compras, as alterações de CSS e JS devem ocorrer instantaneamente. Senão elas podem demorar até 15 minutos.

CSS

• Gerar arquivos de produção com make release
• Copiar o conteúdo do arquivo minificado theme.css (remover comentários)
• Acessar https://app.lojaintegrada.com.br/painel/plataforma/conta/tema/css/editar
• Sobrescrever o CSS copiado no bloco de texto e clicar em Salvar alterações

JS

• Minificar os arquivos src/js/scripts.js e src/js/instagram.js
  • Recomendo https://www.digitalocean.com/community/tools/minify
• Em seguida, acessar https://app.lojaintegrada.com.br/painel/configuracao/html/listar
• Clicar em Adicionar código
• Preencher o formulário com os valores:
  • Descrição: JavaScript
  • Local publicação: Rodapé
  • Página publicação: Todas as páginas
  • Tipo: JavaScript
• Em Conteúdo, incluir o conteúdo do arquivo minificado gerado no primeiro passo e clicar em Salvar código HTML

TODO

• Minificar arquivo JS localmente e enviar o minificado
• Seria legal utilizar a API para enviar JS, mas é necessário o plano PRO 1 pelo menos. 💰
• Remover versão v=4.7.0 das chamadas ao FontAwesome no theme.css

Tools

• Loja Integrada
• Instagram Graph API
• BrowserSync
• Axios
• Sass (Ruby · SCSS)
• Stylus extension