Projeto de código aberto
NextRanger
Uma base de engenharia rigorosa para Next.js em que decisões de arquitetura são impostas por ferramentas em vez de documentadas e esquecidas.
Visão geral
O NextRanger é o ponto de partida que uso para trabalho frontend sério. Sua premissa é que convenções que uma equipe aceita mas não consegue impor acabam se corroendo com o tempo, então cada regra importante é expressa como uma regra de lint, um tipo, ou um teste que falha, em vez de um parágrafo em um README.
Arquitetura
Next.js App Router com Server Components por padrão, TypeScript rigoroso, e uma organização module-first com dependências de mão única: rotas dependem de módulos, módulos do código compartilhado, o compartilhado dos wrappers de fornecedores, nunca o inverso. Cada pacote de terceiros tem exatamente um wrapper responsável, de modo que atualizações e tratamento de erros vivem em um único arquivo revisado.
Engenharia
Um plugin ESLint personalizado impõe a política de camadas, a propriedade dos pacotes, componentes limitados a TSX e a cobertura de tradução. Vitest e Playwright cobrem testes unitários, de integração, de ponta a ponta, de acessibilidade e visuais, além de internacionalização com suporte a RTL, uma CSP baseada em nonce, e gates de CI que executam todo o conjunto antes de qualquer merge.
- Função
- Autor. Projeto do modelo de arquitetura, do conjunto de regras ESLint personalizadas e dos gates de qualidade.
- Categoria
- Full-stack
- Stack
- Next.jsReactTypeScriptESLintVitestPlaywrightTailwind CSS
- Linguagem
- TypeScript