올클 Web Application

처음 프로젝트 환경 셋업하기

git clone https://github.com/pado-corp/clubhouse-web.git
cd clubhouse-web
pnpm install
pnpm husky install
pnpm dev

기술 스택

언어 / 프레임워크

• Typescript
• React.js
• Next.js

상태 관리 / API 호출

• Axios
• Tanstack Query
• Zustand

스타일링

• Tailwind CSS
• Flowbite

포맷팅 / 배포

• ESLint
• Prettier
• Husky / Lint-Staged
• AWS Route53
• Vercel

배포 방식

• github에 푸시하면 vercel에 자동 배포

코드 컨벤션

페이지

• {root directory}/pages 폴더 내에 생성합니다.
• NextPage 타입을 활용합니다.
• 레이아웃을 사용하지 않거나 커스터마이징하고 싶은 경우, page에 getLayout 속성을 제공합니다.
• 페이지를 추가/수정/삭제할때 다음 작업을 수행합니다.
• 페이지 경로: src/common/constants/PagePath.ts의 PagePath enum 수정