这个项目能做什么
okNEXT 是一个基于 Next.js 和 React 构建的开发者工具,用于监控、可视化和持久化 Next.js 网站的分析数据。它集成 Google Lighthouse API,生成涵盖核心 Web 指标(Core Web Vitals)、无障碍合规性、SEO 评分及最佳实践的评估报告,同时提供自定义 Next.js 指标,如水合时长(hydration duration)、路由切换至渲染时间(route-change-to-render time)以及渲染前置水合时长(render-before-hydration duration)。
报告可存储于 PostgreSQL 数据库,便于历史回顾与趋势分析,并通过 Recharts.js 以图表形式展示。用户认证由 NextAuth.js(基于 Auth0)处理。
使用方法简单:输入任意 Next.js 端点 URL,点击“Get Report”。示例包括本地运行的 localhost 站点以及已部署在 Vercel 上的应用。
技术栈:TypeScript、Next.js、React.js、Node.js、SASS/CSS、Jest、PostgreSQL、NextAuth.js、Recharts.js、Google Lighthouse API。
本项目为开源软件,欢迎社区贡献。贡献者需克隆仓库,创建功能分支,进行代码修改,执行 lint 检查,编写或更新相关测试,运行 npm test,最后向 dev 分支提交拉取请求。
评论
0 评分人数达到10人后显示
登录后参与讨论。