HUNI² 포트폴리오 & 개발일지 사이트

OVERVIEW/어떤 서비스인지와 목적

포트폴리오 카드, 개발일지, 임팩트 수치, 이력서를 브라우저에서 직접 관리하는 개인 CMS 포트폴리오 사이트. 외부 서비스 의존 없이 콘텐츠를 소유하고, 코드 수정 없이 실시간으로 업데이트하는 게 목적이다.

ROOT CAUSE → FIX/만들면서 닥친 문제와 원인, 해결까지의 과정

Notion 같은 외부 서비스는 소유권이 없고, 정적 사이트는 내용을 바꿀 때마다 코드 배포가 필요했다. Supabase를 백엔드로 채택하고 Next.js로 Admin 패널을 직접 구축해 두 문제를 동시에 해결했다. Admin 패널은 미들웨어로 인증 검사 후 별도 레이아웃으로 격리해 공개 라우트와 코드베이스를 공유하면서도 권한 없는 접근을 차단했다.

STACK DECISION/사용한 기술과 그 이유

Next.js 16 App Router — 서버 컴포넌트 기본값으로 클라이언트 번들 최소화. 데이터 페칭은 page.tsx(서버), 인터랙션은 Client.tsx(클라이언트)로 역할 분리
Supabase(PostgreSQL) + Auth + Storage를 단일 BaaS로 해결. 서버 없이 Admin CMS까지 구축 가능
Tailwind CSS v4 + DaisyUI v5(CSS 변수 기반 테마 설계. data-theme 속성 하나로 다크/라이트 전환)

RESULT/결과/성과

서버 운영 비용 0원으로 실제 운영 중. 코드 수정 없이 브라우저에서 모든 콘텐츠 실시간 편집 가능. 지금 이 페이지가 그 결과물이다.