Building AI App with NextJS 15 and Shadcn UI: Tokens & Stripe Integration - Part 6
- 보안 강화를 위해 로그인하지 않은 사용자는 생성 페이지에 접근할 수 없도록 리디렉션 로직 추가 🛡️.
- 사용자 토큰 관리를 위한
user_data
테이블 생성 및 로그인 시 기존 사용자 데이터 처리 로직 구현 💾.
- 토큰 사용량에 따른 UI 업데이트를 위해 경로 재검증(
revalidatePath
)을 사용하여 캐시 문제를 해결 🔄.
- 사용자 이메일, 아바타, 토큰 잔액을 표시하는 설정 페이지 UI를 커서 AI를 통해 생성 🎨.
dicebear
라이브러리를 활용하여 사용자 아바타 변경 기능 구현 및 데이터베이스 업데이트 연동 🎲.
- Stripe 결제 연동을 위한 UI 및 서버 액션 추가, 가격 플랜 선택 및 결제 세션 생성 기능 구현 💳.
- Stripe 웹훅을 통해 구독 생성 및 업데이트 이벤트 처리 로직 구현, 데이터베이스 연동 준비 📡.