oknext

okNEXT는 Next.js와 React로 구축된 개발자 도구로, Next.js 웹사이트의 분석을 모니터링, 시각화, 지속 저장합니다. Google Lighthouse API를 통합하여 Core Web Vitals, 접근성 준수, SEO 점수, 모범 사례를 다루는 보고서를 생성하며, hydration duration, route-change-to-render 시간, render-before-hydration duration과 같은 맞춤형 Next.js 메트릭도 함께 제공합니다. 보고서는 과거 검토 및 트렌드 추적을 위해 PostgreSQL 데이터베이스에 저장할 수 있습니다. 결과는 Recharts.js 차트로 표시됩니다. 인증은 NextAuth.js(Auth0)를 통해 처리됩니다. 사용 방법은 간단합니다: 어떤 Next.js 엔드포인트 URL을 입력하고 'Get Report' 버튼을 클릭하면 됩니다. 예로는 로컬호스트 사이트와 배포된 Vercel 앱이 있습니다. 기술 스택: TypeScript, Next.js, React.js, Node.js, SASS/CSS, Jest, PostgreSQL, NextAuth.js, Recharts.js, Google Lighthouse API. 이 프로젝트는 오픈 소스이며 기여를 환영합니다. 기여자는 저장소를 클론하고, 브랜치를 생성하고, 변경 사항을 만든 후, 린트 검사를 수행하고, 테스트를 작성하거나 업데이트하고, npm test를 실행한 후, dev 브랜치에 풀 리퀘스트를 제출합니다.