Sobre o projeto
O okNEXT é uma ferramenta para desenvolvedores construída com Next.js e React para monitorar, visualizar e persistir análises de sites Next.js. Integra a API do Google Lighthouse para gerar relatórios abrangendo Core Web Vitals, conformidade de acessibilidade, pontuações de SEO e melhores práticas, juntamente com métricas customizadas do Next.js, como duração da hidratação, tempo de rota até renderização e duração do renderização antes da hidratação.
Os relatórios podem ser salvos em um banco de dados PostgreSQL para revisão histórica e acompanhamento de tendências. Os resultados são exibidos usando gráficos Recharts.js. A autenticação é tratada via NextAuth.js (Auth0).
O uso é simples: insira qualquer URL de endpoint Next.js e clique em 'Get Report'. Exemplos incluem sites localhost e aplicativos Vercel implantados.
Stack de tecnologia: TypeScript, Next.js, React.js, Node.js, SASS/CSS, Jest, PostgreSQL, NextAuth.js, Recharts.js, Google Lighthouse API.
O projeto é open source e aceita contribuições. Contribuidores devem clonar o repositório, criar uma branch, fazer alterações, formatar o código, escrever ou atualizar testes, executar npm test e submeter um pull request para a branch dev.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.