Personal Portfolio — tombp.fr

프로젝트 소개

Tomfolio는 tombp.fr의 소스 코드입니다. Next.js 14(App Router), React 18, TypeScript, Vercel 위에 구축되었습니다. 인터페이스는 자체 디자인 시스템 ‘Void & Gold’를 따릅니다 — 깊은 검정 배경에 금빛 액센트, Space Grotesk와 DM Sans 타이포그래피, HUD에서 영감받은 컴포넌트. Three.js가 히어로의 와이어프레임 기어 씬과 섹션별 앰비언트 캔버스(링, 그리드, 웨이브, 컨스텔레이션)를 구동하고, Framer Motion이 스프링 물리 기반 스크롤 애니메이션을 담당합니다. 사이트는 next-intl로 8개 로케일을 완전히 지원하며, 로케일별 메타데이터, hreflang, 언어별 동적 Open Graph 이미지, JSON-LD 구조화 데이터, 사이트맵, robots를 갖췄습니다. 연락처 폼은 React Hook Form, Zod, Formspree를 결합합니다. 주요 섹션 외에도 11개 인터랙티브 미니 앱(생명 게임, 메모리, 날씨, 뽀모도로, 태스크 브레이커, 무드 트래커, 타이핑 테스트, 컬러 팔레트, 스네이크, 앰비언트 사운드 믹서, 픽셀 아트 에디터)을 포함한 Playground를 제공합니다.