플러스프로젝트 배경
Packiyo OMS API 연동·Supabase Auth 세션 관리·역할 기반 접근 제어 등 핵심 업무 흐름을 먼저 파악하고, 고객 포털부터 관리자 어드민까지 전체 기능을 사전 구현했습니다. 로그인·주문 조회·배송지 수정·통계 집계·고객 계정 CRUD 등 실제 운영 시나리오 6가지를 사전에 검증해둔 덕분에, 피그마 디자인과 Packiyo 실 API를 받는 즉시 현장에서 바로 쓸 수 있는 완성 시스템을 안정적
프로젝트 성과
전체 화면 오류 없이 즉시 동작
로그인·주문 리스트·통계·주문 상세·어드민까지 13개 라우트 전체 오류 없이 동작 확인. 배포 즉시 사용 가능한 상태로 완성
고객·관리자 역할 분기 실동작 검증
미인증 접근 시 로그인으로 자동 리다이렉트, 고객 계정의 어드민 접근 차단, 역할별 사이드바 분리까지 실제 동작 확인
주문 15건 상태별 필터·통계 실시간 반영
처리중 4·배송중 5·완료 4·취소 2건 상태 필터 즉시 적용, 일별 집계 차트와 주문 목록 건수 일치 확인
배송지 수정 → Packiyo API 업데이트 흐름 완성
수정 폼 Zod 검증 → PATCH API 호출 → 성공 피드백까지 단일 흐름 검증. 실 API 키 주입 시 교체 없이 즉시 연동 가능
고객 계정 CRUD + Packiyo 식별자 관리 일체
어드민에서 고객 생성·정보 수정·비밀번호 변경·Packiyo ID 조회·수정까지 5가지 운영 액션 실동작 확인
핵심 기능
Supabase Auth 기반 고객·관리자 역할 분기
이메일/비밀번호 로그인 후 profiles.role로 고객·관리자 경로 분기. middleware.ts에서 미인증 차단·역할 교차 접근 리다이렉트 처리
진행 단계
파일럿 사전 구현 (완료)
2026.04.
Packiyo OMS 연동 구조·Supabase Auth 흐름 분석 후 Next.js 14 기반 전체 기능 사전 구현. 13개 라우트·6개 시나리오 동작 검증
프로젝트 상세
3PL 물류 서비스 고객이 본인의 주문 처리 상태를 확인하고 배송지를 수정할 수 있는 고객 전용 포털과, 관리자가 고객 계정과 Packiyo 연동 식별자를 관리하는 어드민 시스템을 파일럿으로 사전 구현했습니다. [고객 포털 — 3화면] Supabase Auth 이메일 로그인 → 주문 상태별 리스트(처리중·배송중·완료·취소 탭 필터) → 주문 상세에서 배송지 수정 후 Packiyo OMS API 업데이트
