Game-Cord

프로젝트 소개

• NextJs v14의 서버 컴포넌트를 적극 활용한 웹 애플리케이션
• Shadcn-ui, Auth.js등 최신 기술들을 활용

GameCord에서 게임에 대한 평가와 리뷰를 남기고, 자유롭게 소통해보세요. 또한 모더들을 위한 커뮤니티까지 준비되어있습니다!

배포 링크

GameCord

프로젝트 데모

• AUTH

• MAIN

• Mobile

• CHAT

• CreatePost

• PostDetail

• CreateGame

• CreateServer

ERD

주요 기능

• discord와 같은 서버&채널
• redis를 이용한 캐시 관리
• pusher를 이용한 실시간 채팅
• clerk을 이용한 간편한 인증
• shadcn-ui를 이용한 최신 UI

기술 스택

• 프레임워크: Next.js (v13.5)

• UI 컴포넌트 및 디자인: Tailwind 기반의 shadcn-ui

• 상태 관리: Zustand

• 데이터 페칭: React Query

• ORM: Prisma

• 데이터 검증: Zod

• 파일 업로드: Uploadthing

• 인증: Clerk

• Redis: @upstash/redis

• 실시간 기능: Pusher, Pusher-js

팀원

Frontend	Backend
김영훈	김영훈

실행 방법

//.env

DATABASE_URL=
PUSHER_SECRET=
PUSHER_APP_ID=
NEXT_PUBLIC_PUSHER_APP_KEY=
UPSTASH_REDIS_TOKEN=
UPSTASH_REDIS_URL=
UPLOADTHING_APP_ID=
UPLOADTHING_SECRET=
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=

// dev
npm run dev