oknext

okNEXT est un outil de développement conçu avec Next.js et React pour surveiller, visualiser et conserver les analyses de sites web Next.js. Il intègre l'API Google Lighthouse pour générer des rapports couvrant les Core Web Vitals, la conformité d'accessibilité, les scores SEO et les meilleures pratiques, ainsi que des métriques Next.js personnalisées telles que la durée d'hydratation, le temps de changement de route au rendu et la durée du rendu avant hydratation. Les rapports peuvent être sauvegardés dans une base de données PostgreSQL pour un examen historique et un suivi des tendances. Les résultats sont affichés à l'aide de graphiques Recharts.js. L'authentification est gérée via NextAuth.js (Auth0). L'utilisation est simple : saisissez l'URL de n'importe quel point de terminaison Next.js et cliquez sur « Get Report ». Les exemples incluent des sites localhost et des applications Vercel déployées. Pile technologique : TypeScript, Next.js, React.js, Node.js, SASS/CSS, Jest, PostgreSQL, NextAuth.js, Recharts.js, Google Lighthouse API. Le projet est open source et accueille les contributions. Les contributeurs clonent le repo, créent une branche, effectuent des modifications, lintent le code, écrivent ou mettent à jour les tests, exécutent npm test et soumettent une pull request vers la branche dev.