0biglife.

Project Lighterhouse

2025-04-30

  • 배포 완료(lighterhouse.0biglife.com) -> 우측 상단 버튼으로 접속 가능

Frontend

  • Next.js 15.2 App Router + API Route 기반 애플리케이션

  • 분석 결과 오버뷰 제공

  • 성능 지표별 상세 분석 제공 및 Google 우수-권장 수치화 제공

  • Critical/General 우선순위 기반 성능 분석 결과 정렬

  • 예상 향상량 가중치 제공 → 제공하기에 너무 러프한 단계

  • 개선항목별 참고 문서 url 연결

누가 이걸 쓸까? 라는 생각이 드는 조촐한 단계.. 뭘 더 해볼 수 있을까.

구상중인 기능

  • Store 붙여서 브라우저 성능 분석 저장(타임라인 제공)

  • 현재 내 Google PSI API 쓰고 있기 때문에, Golang으로 Google 로그인 연동으로 그 사람 계정에 Google PSI API 연결 및 검증을 통해 본인 API 쓰도록 분리시키기

  • 현재 구현해둔 Google PSI API 모듈을 개인 프로젝트의 배포 시점 이후에 자동으로 분석 + 리포트 + 알람 연동 - 테스트 자동화처럼 배포 이후의 성능 분석 자동화

  • puppeteer + lighthouse-ci 또는 Chrome Tracing API 리서치

  • 검색 화면/키워드에 따라 성능 지표 자동 수집 및 대시보드화

기술 스택

Framework: Next.js 15.2 (App Router)

State Management: Recoil, React Query

Type Checking: TypeScript

Package Manager: Yarn Berry (PnP, loose mode)

배포

  • Amplify

  • Route 53 CNAME 추가