🚀 Teste para validação do team cannect
Este projeto usa muitas coisas como:
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.
- Husky - Lint
- Generators
- Styles
- Jest
- Storybook
- Cypress
(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.
dev
: roda sua aplicação emlocalhost:3000
build
: cria uma versão para produçãostart
: inicia um servidor simples com o código de produção da compilaçãolint
: executa o linter em todos os componentes e páginastest
: executa jest para testar todos os componentes e páginastest:watch
: executa jest no modo de relógiostorybook
: roda o storybook emlocalhost:6006
build-storybook
: criar a versão de compilação do storybookgenerate ${component-name}
: para criar um componente com a estrutura padrão do projeto
Particularmente para mim este comando é vida kkkk utilizo o plop para gerar a estrutura inicial de um componente, assim deixando tudo no padrão
yarn generate -> criar os componentes utilizando storybook -> testes -> template Page -> data mock page -> data fetch page
Para saber mais sobre Next.js, dê uma olhada nos seguintes recursos:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
Você pode conferir the Next.js GitHub repository - seus comentários e contribuições são bem-vindos!