okNEXT — Votre prochaine solution pour la surveillance des performances des applications Web !

Qu'est-ce que okNEXT ?

okNEXT est un outil open source qui affiche graphiquement les mesures de santé pour les applications Next.js ou React.js. Avec okNEXT, vous pouvez facilement afficher les mesures de santé actuelles et les comparer aux mesures précédentes acquises auprès de Google Lighthouse, tout en ayant accès à des suggestions pertinentes d'amélioration de la page Web en fonction des performances de votre application. okNEXT élimine les conjectures quant à l'efficacité et aux améliorations futures d'une application en facilitant la compréhension et la visualisation des tendances et du comportement des métriques, améliorant ainsi l'expérience globale du développeur dans la progression et le développement de l'application.

Pourquoi surveiller les métriques Web de votre application ?

L'analyse des métriques Web de votre application est importante car elles peuvent améliorer différentes zones de votre site Web. Par exemple, certaines mesures Web peuvent vous aider à trouver des erreurs de présentation sur votre site, comme si une page Web ne se charge pas ou si différentes fonctionnalités sont interrompues pour un utilisateur. D'autres mesures Web peuvent vous aider à améliorer l'accessibilité en indiquant où les visiteurs passent le plus de temps et comment ils interagissent avec votre site Web. Toutes ces caractéristiques peuvent avoir un impact sur la santé globale de votre application et sa capacité à prospérer, ce qui peut affecter directement votre entreprise ou votre produit.

Fonctionnalités okNEXT :

• Stockage dynamique des données : enregistrez les données de métriques précédentes et actuelles de Google Lighthouse sur plusieurs points de terminaison.
• Données de métriques de santé : affichage graphique du tableau de bord des métriques de santé pour les applications React.js et Next.js dérivées de Google Lighthouse.
• Suggestions : les métriques de santé associées à des suggestions de performances de l'application fournissent à l'utilisateur des conseils sur la manière d'améliorer son application.
• Capacité de connexion rapide avec OAuth : utilisez votre connexion Google pour accéder rapidement et en toute sécurité à notre outil de développement pour commencer à surveiller vos mesures de santé !

Notre application utilise les frameworks React.js et Next.js pour créer un routage et une récupération de données sans faille. Un utilisateur peut simplement se connecter et saisir le point de terminaison de l'application souhaitée.

Après avoir sélectionné "obtenir un rapport", une demande de publication est lancée et notre application envoie une demande à Google Lighthouse pour récupérer les données de performance pertinentes. Ces données sont d'abord stockées dans la base de données sécurisée de notre application. S'il existe des rapports précédemment stockés, ces métriques ainsi que les dernières métriques demandées sont renvoyées.

Une fois la demande de publication terminée, l'utilisateur pourra alors basculer entre les métriques de santé liées aux performances globales de l'application ou les métriques Next.js spécifiques via l'affichage du tableau de bord.

Conclusion:

Nous avons créé okNEXT parce que nous voulions fournir un outil de développement open source qui aiderait les développeurs à surveiller leurs applications Web React.js et Next.js et à comprendre comment améliorer leurs mesures de performances. Nous espérons que cet outil pourra faire avancer la communauté du génie logiciel avec des applications Web plus rapides et plus agiles !

Si vous souhaitez commencer à améliorer votre application, visitez notre page !

Si vous souhaitez contribuer à okNEXT, veuillez soumettre une pull-request sur notre Github .

Bravo les amis !

Connectez-vous avec okNEXT :

Vivian Odekhiran | Github | LinkedIn

Hua Liu | Github | LinkedIn

Lara Beesley | Github | LinkedIn

Phoebe Ermert | Github | LinkedIn

okSUIVANT | Site Web | GithubGenericName