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






