Ecom-spa-storefront NPM

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

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

Instalações da aplicação

$ npm install --legacy-peer-deps

$ 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