2.44.4 • Published 7 months ago

ecom-spa-storefront v2.44.4

Weekly downloads
-
License
UNLICENSED
Repository
-
Last release
7 months ago

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