Next.js 기반 개인 포트폴리오&블로그 웹사이트를 제작 및 배포했습니다.
상세 내용
1. 기능 구현
- 모노레포 구조를 차용해 기능별 패키지 분리 (웹, 콘텐츠, MDX 처리, 타입 안전 라우트, 썸네일 이미지 생성, 공유 타입 및 상수 등)
- nextjs-routes 라이브러리를 포크해 수정하여 함수 기반 타입 안전 라우트 구현
- MDX 기반 콘텐츠 파이프라인 구축
- Next.js 기반 웹사이트 자동 빌드 및 배포 (Vercel)
- 라이트/다크 모드 지원
2. 성능 최적화
- 빌드 시 정적 콘텐츠 레지스트리를 생성해 런타임 성능 개선
- SSG 방식으로 렌더링하여 빠른 로딩 속도
- RSS 피드, 사이트맵, JSON-LD, 오픈그래프 제공해 SEO 개선
3. 코드 품질 개선
- 핵심 기능 및 재사용 함수를 대상으로 테스트 작성, Codecov 연동으로 PR마다 커버리지 1% 이내 유지를 강제해 테스트가 형식이 아닌 실질적인 안전망이 되도록 구성 (커버리지 95%+)






