Skip to content

Paulo-Martin182/cannect-client

Repository files navigation

🚀 Teste para validação do team cannect

What is inside?

Este projeto usa muitas coisas como:

OBS

Eu não finalizei o projeto, pois acabei ficando bem corrido com outros 2 projetos que precisava entregar... mas consegui fazer algumas coisinhas para teste.

Features

  • Husky - Lint
  • Generators
  • Styles
  • Jest
  • Storybook
  • Cypress

Começando

(obs): vou deixar apenas o front para rodar sem necessidade de baixar o back caso queira rodar com o backend, pode me chamar, pois iria precisar do dump do back. na home eu deixei apenas utilizando mocks, e comentado um fetch a baixo a API

Primeiro, execute o servidor de desenvolvimento:

npm run dev
# or
yarn dev

Abra http://localhost:3000 no seu navegador para ver o resultado.

Commands

  • dev: roda sua aplicação em localhost:3000
  • build: cria uma versão para produção
  • start: inicia um servidor simples com o código de produção da compilação
  • lint: executa o linter em todos os componentes e páginas
  • test: executa jest para testar todos os componentes e páginas
  • test:watch: executa jest no modo de relógio
  • storybook: roda o storybook em localhost:6006
  • build-storybook: criar a versão de compilação do storybook
  • generate ${component-name}: para criar um componente com a estrutura padrão do projeto

Command Generate

Particularmente para mim este comando é vida kkkk utilizo o plop para gerar a estrutura inicial de um componente, assim deixando tudo no padrão

alt text

Exemplo da saida do Husky no terminal

alt text

Estruturação geral

o fluxo geral é dividio em

yarn generate -> criar os componentes utilizando storybook -> testes -> template Page -> data mock page -> data fetch page

Fique por dentro

Para saber mais sobre Next.js, dê uma olhada nos seguintes recursos:

Você pode conferir the Next.js GitHub repository - seus comentários e contribuições são bem-vindos!

Releases

No releases published

Packages

No packages published