X.com clone

x.com (구 twitter) clone 프로젝트 입니다.

cd backend
npm i
npm run start:dev

npm run start

framework & library

• Next.js (ver 15)
• React (ver 19)
• tanstack/react-query: 서버 상태 관리 및 데이터 페칭
• vanilla-extract: CSS-in-TypeScript 스타일링 라이브러리
• classnames: 조건부 CSS 클래스 이름을 용이하게 적용
• dayjs: 날짜, 시간 처리 위한 경량 라이브러리
• @faker-js/faker: 가짜 데이터 생성 라이브러리
• msw: HTTP 요청 모킹해 API 테스트, 개발 환경 사용
• next-auth: 유저 인증 구현을 쉽게 도와주는 라이브러리
• react-intersection-observer: 무한 스크롤 구현
• react-textarea-autosize: textarea 태그의 높이를 자동으로 조절해주는 라이브러리
• socket.io-client: WebSocket을 활용해 채팅 기능 구현을 쉽게 도와주는 라이브러리
• zustand: 전역 상태 관리 라이브러리