NextJS + Postgres and Error Monitoring - Full Stack Support Ticketing System
- Next.js, Neon (클라우드 Postgres), Prisma (ORM), Sentry (오류 모니터링 및 성능 추적)를 사용한 풀스택 지원 티켓 시스템 구축 🛠️.
- Sentry는 웹사이트 오류를 중앙 집중식으로 모니터링하고 디버깅하는 데 도움을 주며, 사용자 경험 저하를 방지한다 🚨.
- NextAuth 대신 Jose 라이브러리를 사용하여 JSON 웹 토큰 기반의 사용자 정의 인증 시스템을 구축한다 🔑.
- 티켓 생성, 목록 보기, 상세 보기, 티켓 종료 및 삭제 기능을 구현하여 프로젝트의 기본 기능을 완성한다 ✅.
- Sentry 마법사를 사용하여 Next.js 프로젝트에 Sentry를 통합하고, 샘플 오류를 발생시켜 Sentry 대시보드에서 오류를 확인한다 🧙♂️.
- Neon Postgres 데이터베이스를 설정하고 Prisma를 사용하여 데이터베이스와 상호 작용하기 위한 스키마 및 마이그레이션을 생성한다 🐘.
- Tailwind CSS를 설정하고 티켓 제출 및 티켓 보기 버튼이 있는 시작 화면과 티켓 제출 양식을 만든다 🎨.
- 서버 액션을 사용하여 티켓을 생성하고, useActionState 훅을 사용하여 양식 상태를 관리하며, Sentry 통합을 통해 티켓 흐름을 모니터링한다 ⚙️.
- 사용자 인증을 구현하여 사용자가 자신의 티켓만 볼 수 있도록 하고, JSON 웹 토큰을 사용하여 사용자 세션을 관리한다 👤.