SIN WOOJIN Portfolio

신우진의 포트폴리오 사이트입니다.

Overview

• Next.js App Router 기반 포트폴리오 사이트
• framer-motion 기반 섹션 애니메이션
• 카드 마우스 인터랙션 효과
• GA4 유입 경로(소스/미디엄/리퍼러) 추적

Tech Stack

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS v4
• Framer Motion

Local Development

npm install
npm run dev

브라우저에서 http://localhost:3000으로 확인할 수 있습니다.

Quality Checks

npm run lint
npx tsc --noEmit
npm run build

Deployment

Vercel 배포 기준으로 구성되어 있습니다.

1. GitHub 레포지토리 연결
2. Vercel Project Environment Variables에 NEXT_PUBLIC_GA_ID 등록
3. main 배포

CI/CD 워크플로우는 .github/workflows에 포함되어 있습니다.