okNEXT: ¡su próxima solución para el monitoreo del rendimiento de aplicaciones web!

Dec 02 2022

¿Qué es okNEXT? okNEXT es una herramienta de código abierto que muestra gráficamente las métricas de salud para Next.js o React.

¿Qué es okNEXT?

okNEXT es una herramienta de código abierto que muestra gráficamente las métricas de estado de las aplicaciones Next.js o React.js. Con okNEXT, puede ver fácilmente las métricas de salud actuales y compararlas con mediciones anteriores adquiridas de Google Lighthouse, mientras tiene acceso a sugerencias relevantes para la mejora de la página web en función del rendimiento de su aplicación. okNEXT elimina las conjeturas sobre la eficacia de una aplicación y las mejoras futuras al hacer que las tendencias y el comportamiento de las métricas sean fáciles de entender y visualizar, lo que mejora la experiencia general del desarrollador en la progresión y el desarrollo de la aplicación.

¿Por qué monitorear las métricas web de su aplicación?

Es importante analizar las métricas web de su aplicación porque pueden mejorar diferentes áreas de su sitio web. Por ejemplo, algunas métricas web pueden ayudarlo a encontrar errores que se presentan en su sitio, como si una página web no se carga o si una funcionalidad diferente no funciona para un usuario. Otras métricas web pueden ayudarlo a mejorar la accesibilidad al mostrar dónde pasan más tiempo los visitantes y cómo interactúan con su sitio web. Todas estas características pueden tener un impacto en la salud general y la capacidad de prosperar de su aplicación, lo que puede afectar directamente a su negocio o producto.

Características de okNEXT:

Almacenamiento de datos dinámicos: guarde datos de métricas anteriores y actuales de Google Lighthouse en múltiples puntos finales.
Datos de métricas de salud: Visualización gráfica del tablero de métricas de salud para las aplicaciones React.js y Next.js derivadas de Google Lighthouse.
Sugerencias: las métricas de salud junto con sugerencias para el rendimiento de la aplicación brindan al usuario orientación sobre cómo mejorar su aplicación.
Capacidad de inicio de sesión rápido con OAuth: ¡ Use su inicio de sesión de Google para acceder de forma rápida y segura a nuestra herramienta de desarrollo para comenzar a monitorear sus métricas de salud!

Nuestra aplicación utiliza marcos React.js y Next.js para crear enrutamiento y obtención de datos impecables. Un usuario puede simplemente iniciar sesión e ingresar el punto final de su aplicación deseada.

Después de seleccionar "Obtener informe", se activa una solicitud de publicación y nuestra aplicación envía una solicitud a Google Lighthouse para obtener los datos de rendimiento relevantes. Estos datos se almacenan primero en la base de datos segura de nuestra aplicación. Si hay informes almacenados anteriormente, se devuelven esas métricas junto con las últimas métricas solicitadas.

Una vez completada la solicitud de publicación, el usuario podrá cambiar entre las métricas de salud relacionadas con el rendimiento general de la aplicación o las métricas específicas de Next.js a través de la pantalla del tablero.

Conclusión:

Creamos okNEXT porque queríamos proporcionar una herramienta de desarrollo de código abierto que ayudaría a guiar a los desarrolladores a monitorear sus aplicaciones web React.js y Next.js y comprender cómo mejorar sus métricas de rendimiento. ¡Esperamos que esta herramienta pueda hacer avanzar a la comunidad de ingeniería de software con aplicaciones web más rápidas y ágiles!