- NextJs v14의 서버 컴포넌트를 적극 활용한 웹 애플리케이션
- Shadcn-ui, Auth.js등 최신 기술들을 활용
GameCord에서 게임에 대한 평가와 리뷰를 남기고, 자유롭게 소통해보세요. 또한 모더들을 위한 커뮤니티까지 준비되어있습니다!
- 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