구현은 환경 설정에서 배포 검증까지 한 방향으로 쌓는다
온라인 북스토어는 기능을 무작정 붙이는 프로젝트가 아니라, 데이터 계약을 먼저 세우고 화면과 서버 동작을 그 위에 올리는 연습이다.
| 순서 | 구현 단위 | 완료 신호 | 다음 단계로 넘기는 산출물 |
|---|---|---|---|
| 1 | Next.js 프로젝트 생성, Tailwind, 기본 UI | 로컬 앱 실행 | app/, components/, lib/ 기본 구조 |
| 2 | MongoDB 연결, Mongoose 모델, seed | 테스트 도서 데이터 조회 | Book, CartItem, Order 모델 |
| 3 | 도서 목록, 상세 페이지 | 목록에서 상세로 이동 | BookCard, 동적 라우트 |
| 4 | 장바구니, 주문 Server Action | 수량 변경과 가상 주문 완료 | cart actions, order success |
| 5 | 검색, 페이지네이션, URL query | 검색어 유지와 결과 수 일치 | SearchInput, searchCondition |
| 6 | 테스트, env, Vercel 배포 | 배포 URL에서 핵심 흐름 통과 | 운영 환경 변수와 검증 로그 |