데브허브 | DEVHUB | NextJS + Postgres and Error Monitoring - Full Stack Support Ticketing SystemNextJS + Postgres and Error Monitoring - Full Stack Support Ticketing System
- Next.js, Neon Postgres, Prisma, Sentry를 활용한 풀스택 지원 티켓 시스템 구축 프로젝트입니다. 🛠️
- 주요 기술 스택은 React 기반 SSR 프레임워크 Next.js, 클라우드 Postgres 데이터베이스 Neon, ORM Prisma, 에러 및 성능 모니터링 도구 Sentry, JWT 생성을 위한 Jose 패키지입니다. 🚀
- Sentry는 프로덕션 환경에서 피할 수 없는 버그를 중앙 집중식 대시보드에서 추적하고, 스택 트레이스, 사용자 정보, 화면 녹화까지 제공하여 문제 발견 및 디버깅을 돕는 핵심 도구로 강조됩니다. 🚨
- 개발 워크플로우는 Sentry 및 데이터베이스 설정, 기본 UI 및 티켓 생성, 티켓 목록 및 상세 보기, 사용자 및 인증 시스템 구현의 4단계로 진행됩니다. 🗺️
- 데이터베이스는 Neon Postgres와 Prisma ORM을 연동하며, 서버리스 환경 배포를 위한 Neon 어댑터 설정이 포함됩니다. 🐘
- 티켓 생성 기능은 Next.js 서버 액션과
useActionState 훅을 활용하여 최신 방식으로 폼 제출 및 상태 관리를 구현합니다. 📝
- 사용자 인증은 NextAuth 대신 Jose 패키지를 이용한 JSON Web Token 기반의 커스텀 인증 시스템을 구축하며, HTTP Only 쿠키를 통한 토큰 관리가 이루어집니다. 🔑
- 권한 관리를 통해 사용자가 자신의 티켓만 조회할 수 있도록 티켓과 사용자 간의 관계 설정 및 인증이 구현됩니다. 🔒
- 초기 설정은
create-next-app으로 프로젝트를 생성한 후, Sentry 위자드를 통해 SDK 및 설정 파일을 자동 설치하고 .env 파일을 구성하는 과정을 포함합니다. ⚙️
- 프로젝트 학습을 위해 React 기본 지식(상태, props, 컴포넌트)이 있으면 이해에 큰 도움이 된다고 권장됩니다. 📚