okNEXT — Sua próxima solução para monitoramento de desempenho de aplicativos da Web!

Dec 02 2022

O que é okNEXT? okNEXT é uma ferramenta de código aberto que exibe graficamente as métricas de saúde para Next.js ou React.

O que é okNEXT?

okNEXT é uma ferramenta de código aberto que exibe graficamente métricas de saúde para aplicativos Next.js ou React.js. Com o okNEXT, você pode visualizar facilmente as métricas de saúde atuais e compará-las com medições anteriores adquiridas do Google Lighthouse, enquanto tem acesso a sugestões relevantes para melhoria da página da Web com base no desempenho do seu aplicativo. O okNEXT elimina as suposições sobre a eficácia e os aprimoramentos futuros de um aplicativo, tornando as tendências e o comportamento das métricas fáceis de entender e visualizar, melhorando a experiência geral do desenvolvedor na progressão e desenvolvimento do aplicativo.

Por que monitorar as métricas da web do seu aplicativo?

Analisar as métricas da web do seu aplicativo é importante porque elas podem melhorar diferentes áreas do seu site. Por exemplo, algumas métricas da web podem ajudar você a encontrar erros presentes em seu site, como se uma página da web não estiver carregando ou se uma funcionalidade diferente estiver quebrada para um usuário. Outras métricas da web podem ajudá-lo a melhorar a acessibilidade, descrevendo onde os visitantes passam mais tempo e como estão interagindo com seu site. Todas essas características podem ter um impacto na integridade geral de seu aplicativo e na capacidade de prosperar, o que pode afetar diretamente seus negócios ou produtos.

recursos do okNEXT:

Armazenamento dinâmico de dados: salve dados de métricas anteriores e atuais do Google Lighthouse em vários endpoints.
Dados de métricas de integridade: exibição de painel gráfico de métricas de integridade para aplicativos React.js e Next.js derivados do Google Lighthouse.
Sugestões: as métricas de integridade, juntamente com as sugestões de desempenho do aplicativo, fornecem ao usuário orientações sobre como melhorar seu aplicativo.
Capacidade de login Swift com OAuth: Use seu login do Google para acessar de forma rápida e segura nossa ferramenta de desenvolvimento para começar a monitorar suas métricas de saúde!

Nosso aplicativo usa as estruturas React.js e Next.js para criar roteamento e busca de dados sem falhas. Um usuário pode simplesmente fazer login e inserir o endpoint de seu aplicativo desejado.

Depois de selecionar "obter relatório", uma solicitação de postagem é disparada e nosso aplicativo envia uma solicitação ao Google Lighthouse para buscar os dados de desempenho relevantes. Esses dados são primeiro armazenados no banco de dados seguro de nosso aplicativo. Se houver relatórios armazenados anteriormente, essas métricas, juntamente com as últimas métricas solicitadas, serão retornadas.

Após a conclusão da solicitação de postagem, o usuário poderá alternar entre métricas de integridade relacionadas ao desempenho geral do aplicativo ou métricas específicas do Next.js por meio da exibição do painel.

Conclusão:

Criamos o okNEXT porque queríamos fornecer uma ferramenta de desenvolvimento de código aberto que ajudaria a orientar os desenvolvedores no monitoramento de seus aplicativos da Web React.js e Next.js e na compreensão de como melhorar suas métricas de desempenho. Esperamos que esta ferramenta possa levar a comunidade de engenharia de software adiante com aplicativos da Web mais rápidos e ágeis!