Boilerplate Completo e atualizado com Next.js, Typescript Styled-Components, Testes, Redux Toolkit e PWA
📝
Sobre o Projeto
Este projeto é um boilerplate completo, constantemente atualizado, configurado nos mínimos detalhes para servir de base para projetos profissionais do mais alto nível.
🌐
Tecnologias Usadas
✨
Features
-
Projeto responsivo;
-
Acessível para navegação sem mouse e para leitores de tela;
-
Hooks personalizados para:
- animação na montagem e desmontagem de componentes;
- renderização condicional de componentes por breakpoints;
-
Tema criado com styled-componentes sem uso de provider;
-
Gerenciamento de estado global configurado e abstraído para total desacoplamento do Redux com o projeto;
-
100% de cobertura nos testes;
-
PWA instalável;
🚩
Pré-Requisitos
-
node
-
yarn
❓
Como instalar e executar o projeto
Clonar Repositório:
git clone https://github.com/everton-dgn/next_styled_components_redux_tlk_pwa_boilerplate.git
Instalar Dependências:
yarn
Inciar Ambiente de Desenvolvimento:
yarn dev
Disponível em http://localhost:3000
Gerar Build de Produção:
yarn build
Inciar Ambiente 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
Executar lints:
yarn lint
yarn next:lint
📕
Autor
Feito por Éverton Toffanetto.