Next.js와 AWS Lambda 기반의 서버리스 이벤트 관리 앱 'EventSpark' 구축 가이드

핵심 기술

이 블로그 포스트는 Next.js 프론트엔드와 AWS Lambda를 중심으로 한 서버리스 백엔드를 사용하여 'EventSpark'라는 이벤트 관리 애플리케이션을 구축하는 방법을 다룹니다. 특히 AWS Cognito와 NextAuth.js를 통합하여 인증 및 사용자 관리를 구현하는 데 중점을 둡니다.

기술적 세부사항

• 프론트엔드 (Next.js):
  • Zod: 이벤트 생성 시 스키마 유효성 검사
  • NextAuth.js: 인증 라이브러리로 민감한 토큰 정보 저장 용이
  • ShadCN: 복잡한 UI 개발을 위한 사전 구축 컴포넌트 라이브러리
• 백엔드 (AWS Serverless):
  • Lambda: 이벤트 처리 및 로직 수행
  • API Gateway: Lambda 함수에 대한 HTTP 엔드포인트 제공
  • S3: 정적 파일 호스팅 등
  • CloudFront: 콘텐츠 전송 네트워크
  • CloudFormation: 인프라 코드화 (IaC)
  • DynamoDB: NoSQL 데이터베이스
  • Cognito: 사용자 관리 및 인증
• 아키텍처: 두 개의 독립적인 마이크로서비스로 분리
  1. 인증 스택: Login Lambda, Register Lambda, API Gateway, Cognito User Pool
  2. 이벤트 스택: (상세 내용은 후속 설명 예상)
• 인증 스택 상세:
  • Cognito User Pool을 사용하여 사용자 등록 및 로그인 처리
  • AWS::Cognito::UserPool CloudFormation 리소스를 통해 User Pool 설정 (이메일 자동 검증, 이메일 기반 사용자 이름, 비밀번호 정책 등)
  • AWS::Cognito::UserPoolClient를 통해 웹 애플리케이션 클라이언트 설정 (SRP 인증, 토큰 갱신 등 지원)
  • Serverless Application Model (SAM) 및 Makefile을 사용하여 Lambda 함수 빌드 및 관리
  • AWS Lambda Powertools를 통한 로깅 경험 개선
• 흐름: Next.js 클라이언트 → API Gateway → Login/Register Lambda → Cognito → 인증 토큰 발급 → (이벤트 스택의 Cognito Authorizer 사용)

개발 임팩트

• AWS Cognito와 NextAuth.js를 활용한 효과적인 사용자 관리 및 인증 시스템 구축 경험
• 완전한 서버리스 아키텍처 구현을 통한 운영 효율성 및 확장성 확보
• 마이크로서비스 기반의 모듈화된 프로젝트 구조 설계 학습
• CloudFormation을 이용한 인프라 관리 경험
• 개발 생산성 향상을 위한 프론트엔드 라이브러리 활용 방안 습득