/hubtech

Site da HUB Tech, sua comunidade favorita de tecnologia!

Primary LanguageTypeScript

Logo

Projeto: Site Hub Tech

* incluir badges de build, test, deploy e homolog


🚀 Design System:

https://ahubtech-design-system.netlify.app/


Até aqui temos os componentes e o design system parcial do site, os próximos passos desta primeira etapa serão:

  • Criar as pĂĄginas iniciais (Lista de cretaors e home)
  • Publicar a primeira versĂŁo

📾 Screenshots do Projeto

* colocar imagens do projeto


📝 Sobre o Projeto

Site da HUB Tech, sua comunidade favorita de tecnologia!

Este projeto foi desenvolvido para o site, mas fique a vontade para usar como boilerplate default para seus projetos tambĂ©m, assim como o objetivo Ă© usar este boilerplate para futuros projetos web da HUB em que ele venha a ser Ăștil. Este projeto inclui as melhores prĂĄticas atuais no desenvolvimento frontend assim como tira proveito ao mĂĄximo das tecnologias React.js e Next.js, inclui todo o setup para testes unitĂĄrios e inclui todo o ferramental necessĂĄrio para usar Storybook tanto para auxiliar no desenvolvimento quanto para ter uma documentação de componentes adequada.

* Colocar aqui o link do site



🌐 Tecnologias Usadas

⚛ Next.js

đŸ”„ TypeScript

💅 Styled-Components

✹ Next Layout

đŸš© Lints — Husky/ESlint/Prettier/EditorConfig/Commitlint

✅ Jest e React Testing Library

📝 Storybook

đŸ“± PWA



đŸš© PrĂ©-Requisitos

  • node

  • yarn



❓ Como instalar e executar o projeto

Clonar RepositĂłrio:

git clone https://github.com/aHub-Tech/hubtech.git

Instalar DependĂȘncias:

yarn

Executar Projeto em Modo de Desenvolvimento:

yarn dev

DisponĂ­vel em http://localhost:3000


Gerar Build de Produção:

yarn build

Executar Projeto em Modo de Produção:

yarn start

DisponĂ­vel em http://localhost:3000


Executar Testes:

yarn test

Executar Testes em Modo Watch:

yarn test:w

Inciar Storybook em Modo de Desenvolvimento:

yarn sb

DisponĂ­vel em http://localhost:6006


Gerar Build de Produção do Storybook:

yarn build-sb

Gerar Pasta de Componentes com Todos os Arquivos de Desenvolvimento:

yarn generate NomeDoComponente

Executar lints:

yarn lint
yarn next:lint