플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 외부 OMS API(Packiyo) 응답 지연 리스크가 있으며, SWR 기반 캐싱 레이어와 로딩 스켈레톤 UI로 대응할 계획입니다. - 고객과 관리자 역할 분리에서 미들웨어 우회 리스크가 있으며, Next.js Middleware + Supabase RLS 이중 검증 구조로 대응할 계획입니다. - 통계 집계 시 대용량 주문 데이터 처리 리스크가 있으며, 서버사이드 GR
프로젝트 성과
Packiyo OMS API + SWR 캐싱 통합 연동
Packiyo OMS REST API 연동 레이어를 Next.js API Routes로 래핑하고 SWR 캐싱 전략을 적용하여 중복 호출 없이 최신 주문 데이터를 제공하는 구조를 설계합니다.
Supabase Auth 이중 역할 분리 인증
고객과 관리자 역할을 Supabase Auth 커스텀 클레임으로 분리하고, Next.js 미들웨어 + Supabase RLS 이중 검증 구조로 클라이언트 우회조차 차단하는 보안 아키텍처를 구현합니다.
주문 배송지 인라인 수정 및 Packiyo 실시간 업데이트
주문 상세 화면에서 배송지 수정 시 Packiyo API를 직접 호출하여 OMS 데이터를 즉시 업데이트하는 낙관적 업데이트 패턴을 적용합니다.
Recharts 기반 통계 시각화 대시보드
일별 주문량 추이(LineChart), 배송 상태 비율(PieChart), 고객사별 주문량(BarChart) 등 복합 차트를 Recharts로 구성하고 서버사이드 집계 API와 연동합니다.
핵심 기능
주문 현황 대시보드
Packiyo OMS API와 연동하여 고객 계정 식별자 기준 주문 데이터를 수집하고, 상태별(접수/처리중/배송중/완료/지연) 주문 현황을 실시간으로 대시보드에 표시할 예정입니다
진행 단계
Supabase Auth 역할 분리 및 미들웨어 설계
2026.04
고객/관리자 역할 분리 인증 구조 및 RLS 정책 정의
프로젝트 상세
1) 포트폴리오 소개 본 프로젝트 요구사항을 직접 반영한 물류 고객 포털 구현 데모입니다. Supabase Auth 기반 역할 분리 인증, Packiyo OMS API 연동 주문 현황 조회, 통계 시각화 대시보드, 주문 정보 인라인 수정, 고객사 계정 관리(Admin) 기능을 Next.js + TypeScript + Tailwind CSS 스택으로 구현할 예정입니다. 2) 작업 범위 - 주문 현황 대
