Storefront Pré-Prod

Projeto destinado a implantações em ambiente de PRÉ-PROD pra o frontend do ecommerce (Vitrine/Clientes)

Esse serviço é responsável pelo frontend da WEB, além de parte da área logada do site. O Serviço possui as páginas de:

• Home
• Página de Listagem de Produtos (PLP)
• Página de Detalhe de Produto (PDP)
• PLP de Lojista
• Busca
• Páginas CMS (subhomes, CLPs)
• Minha Conta
  • Endereços
  • Meus Pedidos
    • Devolução
  • Informações da Conta
  • Lista de Desejos (whishlist)

Archetype ReactJs

Arquetipo em React desenvolvido utilizando TypeScript e NextJs. Os padrões de desenvolvimento estão definidos no arquivo .eslintrc.json.

Tecnologias utilizadas

• React (Library para renderização da interface)
• NextJs (Framework para server side rendering)
• JSS (CSS-in-JS)
• MUI v4 (Biblioteca simples, personalizável e acessível de componentes React)
• Typescript (Library para tipagem de variáveis)
• Jest (Library para testes unitários)
• Testing-library/react (Library para testes unitários voltado para o ambiente de react)

Pré requisitos

• node ( 16.20.2 )
• yarn
• eslint
• typescript
• eslint (extensão do vscode)
• prettier (extensão do vscode)
• editorconfig (extensão do vscode)

Instalações e execuções

Configuração do ambiente

1. Clone o repositório
2. Ative a autenticação com o artifacts do Azure (.npmrc)

Instalações da aplicação

$ npm install --legacy-peer-deps

ou

$ npm i --legacy-peer-deps

Observação Como resolução temporária, é preciso usar a flag --legacy-peer-deps para resolução de dependências incompativeis, pois temos libs antigas como o genos (Biblioteca de componentes front-end comuns entre os projetos das squads Vitrine, Checkout e Pós-Venda, da Tribo Canais Digitais.) que tem como dependências o react >= 16.x, hoje diferente da versão atual do projeto, 17.x, necessária para usarmos a versão 12 do nextjs

Start do ambiente de desenvolvimento

$ npm run dev

Disponível em localhost:3000

Executar os testes

$ npm run jest

Build da aplicação para prod

$ npm run build

Start no ambiente de prod

$ npm run start

Start no ambiente de prod localmente

$ npm run start -p 3000

Configurações do sistema linux

$ echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

Arquivo raíz da aplicação

• src/pages/index.tsx

Rota dinâmica da aplicação

• src/pages/[...slug].tsx