heum2.dev

Next.js로 구축한 개인 블로그 및 포트폴리오 웹사이트

프로젝트 소개

개인 블로그와 포트폴리오를 위한 웹사이트입니다. Next.js를 기반으로 제작되었으며, 다크 터미널 콘셉트의 디자인을 적용했습니다.

기술 스택

Frontend

• 언어: TypeScript, JavaScript
• 프레임워크: Next.js
• 스타일링: Tailwind CSS
• 콘텐츠 관리: ContentLayer

Deployment

• 호스팅: Vercel

주요 기능

• 반응형 디자인
  • 모바일(1열) → 태블릿(2열) → 데스크톱(아이덴티티 레일 + 태그·아카이브 사이드바) 3단계 레이아웃
• 다크 터미널 테마
  • 모노스페이스 메타 정보와 그린 포인트 컬러를 적용한 다크 전용 디자인
• 태그 · 연도 필터링
  • 모바일/태블릿은 바텀시트, 데스크톱은 사이드바 상시 노출로 글 목록 필터링
• 블로그 기능
  • 마크다운 기반 콘텐츠 작성
  • 자동 목차 생성
  • 읽기 진행률 표시
• Projects · About
  • 진행한 프로젝트 소개 페이지
  • 경력 · 기술 스택을 소개하는 About 페이지

시작하기

# 저장소 클론
git clone https://github.com/heum2/heum2.dev.git

# 의존성 설치
npm install

# 개발 서버 실행
npm run dev

라이선스

MIT License