MVP는 Next.js 애플리케이션을 중심으로 브라우저, 데이터베이스, AI API가 연결되는 구조다.
Chrome: 사용자가 서비스에 접근하는 브라우저다.Next.js: 화면 라우팅, 서버 렌더링, API 라우트, 인증 흐름을 담당하는 애플리케이션이다.React: Next.js 안에서 화면 UI를 구성한다.TypeScript: 프론트엔드와 서버 코드의 타입 안정성을 높인다.Node.js: Next.js 서버 코드가 실행되는 런타임이다.Prisma: Next.js 서버 코드와 PostgreSQL 사이에서 DB 접근을 담당하는 ORM이다.PostgreSQL: 회원, 상품, 댓글, 태그, 상품-태그 연결 데이터를 저장한다.OpenAI API: 자연어 검색 문장을 구조화된 검색 조건으로 변환한다.Chrome <-> Next.js: 페이지 요청, 화면 응답, 사용자 상호작용을 처리한다.Next.js <-> PostgreSQL: Prisma를 통해 상품, 회원, 댓글, 태그 데이터를 조회하고 변경한다.Next.js <-> OpenAI API: 사용자의 자연어 검색 요청을 검색 조건으로 변환할 때 호출한다.products.json -> Prisma seed -> PostgreSQL: 초기 상품 데이터를 파일로 보관한 뒤 DB에 입력한다.다음 항목은 구조상 확장 가능하지만, MVP 구현 범위에서는 제외한다.