oknext

okNEXT is a developer tool built with Next.js and React for monitoring, visualizing, and persisting analytics of Next.js websites. It integrates Google Lighthouse API to generate reports covering Core Web Vitals, accessibility compliance, SEO scores, and best practices, alongside custom Next.js metrics such as hydration duration, route-change-to-render time, and render-before-hydration duration. Reports can be saved to a PostgreSQL database for historical review and trend tracking. Results are displayed using Recharts.js charts. Authentication is handled via NextAuth.js (Auth0). Usage is simple: enter any Next.js endpoint URL and click 'Get Report'. Examples include localhost sites and deployed Vercel apps. Technology stack: TypeScript, Next.js, React.js, Node.js, SASS/CSS, Jest, PostgreSQL, NextAuth.js, Recharts.js, Google Lighthouse API. The project is open source and welcomes contributions. Contributors clone the repo, create a branch, make changes, lint code, write or update tests, run npm test, and submit a pull request to the dev branch.