포트폴리오
인스타 클론코딩 (Nextjs)
Next.js의 병렬·인터셉팅 라우트와 서버 상태 관리를 학습한 인스타그램 클론입니다.
- 프로젝트 유형
- 클론 코딩
- 역할
- 프론트엔드 개발
- 문제
- Next.js App Router의 모달 라우팅과 클라이언트 서버 상태 흐름을 실제 화면으로 학습했습니다.
- 해결
- 병렬 라우트와 인터셉팅 라우트를 이용한 모달
제작 목적
Next.js App Router의 모달 라우팅과 클라이언트 서버 상태 흐름을 실제 화면으로 학습했습니다.
주요 기능
- 병렬 라우트와 인터셉팅 라우트를 이용한 모달
- TanStack Query 기반 서버 상태 처리
- Mirage JS·Faker 기반 목업 데이터
- NextAuth 인증 흐름
사용 기술
- Next.js
- TypeScript
- TanStack Query
- NextAuth
- Mirage JS
- Faker
구현 화면
