피드로 돌아가기
Dev.toFrontend
원문 읽기
JWT Metadata 기반 Onboarding 상태 관리로 DB Read 최적화
Auth Flows, Onboarding Traps, and Why AI Still Needs a Human to Think
AI 요약
Context
기존 Auth flow의 선제적 가입 요구로 인한 Conversion rate 저하 문제 발생. Onboarding 완료 여부 확인을 위해 모든 Protected route에서 DB Read를 수행하는 비효율적 구조의 한계 직면.
Technical Solution
- 가치 제공 후 계정 생성을 유도하는 'Create Invoice First, Auth Later' flow로 전환하여 사용자 이탈 방지
- DB Read 부하 제거를 위해 Onboarding 상태값을 Clerk의 User Metadata에 저장하는 구조 채택
- JWT 내에 Onboarding 상태를 포함시켜 Middleware 단계에서 DB 호출 없이 즉시 상태 검증 구현
- Invoice 필드 간 높은 의존성 해결을 위해 Stepper 방식 대신 Split-panel 뷰를 통한 실시간 Preview 동기화 설계
- Prop Drilling로 인한 User 객체 undefined 버그 해결을 위해 Type 정의 통합 및 데이터 전달 구조 최적화
실천 포인트
- 빈번한 상태 확인이 필요한 권한/단계 정보는 DB 대신 JWT Metadata에 저장하여 Read 비용 최소화 - 데이터 간 상호 의존성이 높은 입력 폼은 Stepper보다 단일 화면의 실시간 피드백 구조(Split-panel) 검토 - AI 추천 코드의 '작동 여부'보다 '아키텍처적 적절성'과 '확장 가능성'을 우선하여 검토하는 Mental model 유지