This Next.js Middleware Pattern is AWESOME (Validated & Authenticated Actions)
- Next.js 서버 액션에서 데이터 유효성 검사 및 사용자 인증을 위한 재사용 가능한 미들웨어 패턴 소개 ⚙️.
validatedAction
미들웨어를 사용하여 Zod 스키마를 통해 데이터 유효성을 검사하고, 유효하지 않은 경우 에러 처리 🛡️.
validatedActionWithUser
미들웨어를 통해 데이터 유효성 검사뿐 아니라 사용자 로그인 여부도 확인하여 인증된 사용자만 액션을 실행하도록 함 🔑.
actionState
타입을 정의하여 액션 실행 결과(에러, 성공, 커스텀 데이터)에 대한 표준화된 피드백 제공 💬.
- 제네릭을 활용하여 다양한 Zod 스키마와 서버 액션 반환 타입에 유연하게 대응할 수 있는 미들웨어 구현 🧬.
- 프론트엔드에서
useActionState
훅을 사용하여 액션 상태를 관리하고, 에러 메시지를 표시하는 방법 설명 ⚠️.
- 사용자 인증 실패 시 에러를 던져 로깅을 통해 문제를 명확히 파악하고, 필요에 따라 사용자에게 에러 메시지를 표시할 수 있음 🚨.