nextjs boilerplate

Boilerplate e Starter para o próximo JS 15+, Tailwind CSS 3 e TypeScript

Boilerplate e Starter para Next.js, Tailwind CSS e TypeScript ⚡️ Feito com a experiência do desenvolvedor primeiro: Next.js (roteamento de aplicativos), TypeScript, Eslint, mais bonito, Husky, STILT, STILHA, JEST, Library de testes de reação, PostCSs, CSS de reailto, livro de histórias, ações de reação.

Características

Experiência do desenvolvedor primeiro:

• Next.js para gerador de local estático
• TIPO TIPO TIPO TIPO
• Integrar -se com o Tailwind CSS
• Livro de histórias para documentação de componentes
• Modo rigoroso para TypeScript e React 18
• Linter com Eslint
• Formateira de código com mais bonito
• Husky para ganchos git
• FIED-FAGED para executar linhentes em arquivos encenados do Git
• Testes com brincadeiras e bibliotecas de teste de reação
• Importações absolutas usando @ prefix
• Próxitos layouts personalizados
• T3 Env gerencie suas variáveis de ambiente com facilidade
• Convenção de mensagem para Git
• Maximize a pontuação do farol
• Ações de GH
• Geração de componentes com a Convenção de Design Plop e Atomic

? Planos

• Analisador de Bundler
• Próximo-PWA

? Teste

Todos os testes são colocados com o código -fonte dentro do mesmo diretório. Então, facilita encontrá -los. O limite de cobertura é definido para 70% . Na pasta .jest há um provedor personalizado para todos os testes.

Como usar

Para usar este modelo, você pode simplesmente clicar em usar este modelo ou criar seu aplicativo Next.js com base neste modelo executando:

pnpm create next-app -e https://github.com/hadrysm/nextjs-boilerplate

Implantar para a produção

Instale o comando no vercel:

 corepack use pnpm@`pnpm -v` && pnpm i

Você pode ver os resultados localmente no modo de produção com:

pnpm build

pnpm start

Gerando componentes

pnpm generate Button

Resultado (se você escolheu um componente Atom):

 └── components
      └── atoms
        └── Button
          ├── index.ts
          ├── Button.stories.tsx
          ├── Button.test.tsx
          └── Button.tsx

? Contribuindo

1. Bifurcar este repositório;
2. Crie sua filial: git checkout -b my-awesome-contribution ;
3. Comprometa suas mudanças: git commit -m 'feat: Add some awesome contribution' ;
4. Empurre para o ramo: git push origin my-awesome-contribution .

Licença

Licenciado sob a licença do MIT, Copyright © 2024

Consulte a licença para obter mais informações.

---

Feito com muito ❤️ e? Por Mateusz Hadryś? Meu contato