2026-06-09 Jonghyun Park w/ Claude
드로잉 · 유화 · 크로키 작품 포트폴리오 사이트입니다. Instagram Graph API로 작품을 자동으로 가져와 갤러리 형태로 보여줍니다.
- Next.js 16 (App Router, Server Components)
- TypeScript 5
- React 19
- Tailwind CSS 4
- Instagram Graph API v25.0
- Vercel 배포
- Instagram 연동 — 최신 작품 50개 자동 동기화 (24시간 ISR)
- Masonry 갤러리 — 사진/영상/앨범 필터 + 라이트박스
- 커미션 안내 — Instagram DM으로 그림 주문 (인테리어, 초상화, 선물)
- 반응형 다크 테마 (1/2/3 컬럼 그리드)
- OG Image 자동 생성
| 섹션 | 내용 |
|---|---|
| Hero | 아티스트 소개 + 최근 작품 미리보기 |
| Gallery | 작품 갤러리 (필터: 전체/사진/영상/앨범) |
| About | 소개 + 사용 매체 태그 (유화, 아크릴, 연필, 크로키 등) |
| Commission | 커미션 주문 안내 |
npm install
npm run devINSTAGRAM_ACCESS_TOKEN=your_token
INSTAGRAM_BUSINESS_ACCOUNT_ID=your_account_idInstagram Graph API 토큰은 Meta for Developers에서 발급받을 수 있습니다.
MIT