Joonseo1227 Homepage
Profile, Blog, Works를 명확한 정보 구조와 태그 기반 콘텐츠 흐름으로 정리한 Next.js 개인 홈페이지
개요
경험, 작업물, 글을 한곳에서 일관되게 보여주기 위해 개인 홈페이지를 구성했습니다. Home은 선별된 작업과 글을 빠르게 훑는 진입점으로, Profile은 경력과 역량을 정리한 CV 페이지로, Blog와 Works는 태그 기반 아카이브로 구성했습니다.
주요 작업
- Home, Profile, Blog, Works로 분리한 정보 구조와 전역 내비게이션 정리
- Supabase
posts,works,tags기반 콘텐츠 스키마와 태그 관계 설계 - Work/Post 커버 이미지를 활용하는 WebGL/Three.js Home galaxy hero 구성
- 서버 컴포넌트 중심 데이터 조회와 Markdown prose detail page 구성
- light/dark theme, Pretendard typography, Carbon-inspired UI 토큰 정리
구현 메모
Next.js App Router와 React를 사용해 Supabase 콘텐츠를 서버에서 조회하고, Storage 이미지 URL을 연결해 목록과 상세 화면에 반영합니다. Profile은 파일 기반 콘텐츠로 관리하고, Works와 Blog는 데이터베이스 기반 아카이브로 운영해 공개 콘텐츠를 안정적으로 확장할 수 있게 했습니다.