TickEvent 웹 앱 개요

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 웹 개발자 및 프론트엔드/백엔드 기술 습득을 원하는 학습자
• Next.js, Prisma, Stripe 등 현대적 웹 기술 스택 활용에 관심 있는 개발자
• 난이도: 중간 (프레임워크 기초 지식 필요)

핵심 요약

• Next.js, Prisma, BetterAuth, ShadCN/UI 기반의 풀스택 이벤트 관리 웹 앱 구현
• 이미지 업로드(ImageKit) 및 Stripe 결제 시스템 통합
• 사용자 인증(BetterAuth) 및 이벤트 생성/티켓 판매 기능 제공

섹션별 세부 요약

1. 개요

• TickEvent는 이벤트 공유 및 티켓 판매 기능을 포함한 최소한의 UI를 가진 웹 앱
• Next.js 기반의 Server Components 및 Prisma ORM을 활용한 백엔드 구조
• ShadCN/UI 라이브러리로 구성된 현대적인 사용자 인터페이스 제공

2. 주요 기능

• BetterAuth를 통한 사용자 인증 시스템 구현 (회원 가입/로그인)
• 이벤트 생성 기능 (제목, 이미지, 가격, 티켓 수량 입력)
• ImageKit을 활용한 이미지 업로드 및 처리
• Stripe 결제 API 연동을 통한 티켓 판매 및 주문 추적 기능

3. 기술 스택

• 프론트엔드: Next.js (React 기반 SSR/SSG 지원), ShadCN/UI (Tailwind CSS 기반 UI 컴포넌트)
• 백엔드: Prisma (TypeScript 기반 ORM), BetterAuth (인증/인가 관리)
• 결제 시스템: Stripe API 통합
• 이미지 처리: ImageKit CDN 및 이미지 조작 API 활용

결론

• TickEvent 프로젝트는 Next.js, Prisma, Stripe 등 주요 기술 스택을 실제 웹 앱에 적용한 예시로, 풀스택 개발 흐름을 학습하기 위한 좋은 참고 자료
• GitHub 저장소 및 Vercel 호스팅 링크를 통해 코드 구조 및 배포 방법 확인 가능
• 이벤트 관리 시스템 구축 시 유사한 기술 스택 적용을 고려할 수 있음