Project Detail
Portfolio Platform
프로젝트와 경력을 구조적으로 보여주는 개인·팀 포트폴리오 허브.
Headline Result
프로젝트 상세 자동 SSG 생성
- 기간
- 2026.04 - 진행 중
- 역할
- 정보 구조 설계 · 프론트엔드
- 참여 멤버
- 김남해
결과 지표
- 프로젝트 상세 자동 SSG 생성
- Lighthouse 품질 점검·동적 OG
- Mermaid 아키텍처·PDF 출력
Problem → Solution → Outcome
⚠ PROBLEM
단일 프로젝트 소개만으로는 역량과 기여 범위를 한눈에 전달하기 어려웠습니다.
⚙ SOLUTION4 steps
- 1
프로젝트·프로필·상세 페이지를 연결하는 정보 구조 설계와 공통 데이터 소스 기반 일관 렌더링
- 2
검색·필터·기술 스택 트리맵으로 탐색성 강화, 갤러리 캡션·비즈니스 임팩트 차트로 성과 시각화
- 3
AWS 인프라 케이스의 Mermaid 아키텍처 다이어그램, 동적 OG 이미지·PDF 이력서 출력 지원
- 4
Lighthouse 점검 인프라·/projects 인덱스·404·환경변수 분리 등 품질·SEO 기반 정비
✦ OUTCOME
- ✓
랜딩에서 포트폴리오 허브로 전환 완료
- ✓
동적 OG·PDF 출력으로 공유성 강화, 멤버별(남해/민영) 프로필 분리 노출
- ✓
신규 프로젝트 추가 시 데이터만 추가하면 홈·목록·프로필에 자동 반영
기술 스택
Frontend
Next.js App RouterTypeScript