# NEXT.js 프로젝트 계획서 [배틀그라운드 전적 검색 사이트 제작기]

- Author: @kimyoungjo
- Published: 2024-07-22
- Updated: 2024-07-24
- Source: http://blex.me/@kimyoungjo/nextjs-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EA%B3%84%ED%9A%8D%EC%84%9C-%EB%B0%B0%ED%8B%80%EA%B7%B8%EB%9D%BC%EC%9A%B4%EB%93%9C-%EC%A0%84%EC%A0%81-%EA%B2%80%EC%83%89-%EC%82%AC%EC%9D%B4%ED%8A%B8
- Tags: 미분류

---

구인 공고들을 보면 볼수록 Next.js에 대한 수요가 거진 80퍼센트 이상인 것으로 보여 현재 내가 가진 포트폴리오로는 기업의 우대사항을 만족 할 수 없을 것 같아 Next.js 프로젝트를 진행하기로 하였다.

---
#### 주제
배틀그라운드 전적 검색 및 패치노트 서비스

---
#### Tech Stack
- Next.js
- Tailwind css
- Redux Toolkit
- Mongo DB
- Docker
- EC2
- Vercel
- Tanstack Query

---
#### 프로젝트 기능 상세
- 닉네임 전적 검색
- 패치 노트 크롤링 후 게재 << ssr로 구현하여 seo
- 아이템, 총기, 장비 가이드 << ssr로 구현하여 seo
- (현재 관련 생방송 목록 크롤링 ?)

---
#### 프로젝트 일정
- 7.23 : git repository 생성, next 강의 복습
- 7.24 : next, jest 학습, 계획서 완성(아키텍쳐, 디렉터리 구조)
- 7.25 - 8.2 : 프로젝트 진행

---

#### 프로젝트 목표
- 프로젝트 시작 전에 디렉터리구조 및 아키텍쳐 설계
- 새로운 개념 익혔을때 바로 블로그 포스팅
- 8.2까지 매일 커밋(개발)
- 기간 엄수(연장 x)
- 커밋 내용 더 세세하게
- 컴포넌트 단위 더 세분화
- 무한 스크롤 구현(Tanstack Query)
- Auth0 사용자 인증 구현
- useEffect 남용 금지, 전역 상태(redux) 필요한 것만 최소한으로 사용
- ssr의 장점인 seo를 고려하여 페이지 설계
- 매일 노션 개발 일지 작성(프로젝트 회고때 큰 도움 됨)