개인 프로젝트

개인 포트폴리오&블로그 웹사이트

프로젝트 설명

모노레포, Next.js 기반 개인 웹사이트 제작

기간

2025.11 ~ 2026.02

팀원

1명 (FE 1)
TypeScript
TypeScript
Next.js
Next.js
TailwindCSS
TailwindCSS
Zustand
Zustand
Vitest
Vitest
Turbopack
Turbopack
Vercel
Vercel
Next.js 기반 개인 포트폴리오&블로그 웹사이트를 제작 및 배포했습니다.

상세 내용

1. 기능 구현

  • 모노레포 구조를 차용해 기능별 패키지 분리 (웹, 콘텐츠, MDX 처리, 타입 안전 라우트, 썸네일 이미지 생성, 공유 타입 및 상수 등)
  • nextjs-routes 라이브러리를 포크해 수정하여 함수 기반 타입 안전 라우트 구현
  • MDX 기반 콘텐츠 파이프라인 구축
  • Next.js 기반 웹사이트 자동 빌드 및 배포 (Vercel)
  • 라이트/다크 모드 지원

2. 성능 최적화

  • 빌드 시 정적 콘텐츠 레지스트리를 생성해 런타임 성능 개선
  • SSG 방식으로 렌더링하여 빠른 로딩 속도
  • RSS 피드, 사이트맵, JSON-LD, 오픈그래프 제공해 SEO 개선

3. 코드 품질 개선

  • Vitest + GitHub Actions로 테스트 CI 구축, 테스트 커버리지 93% 이상 달성