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

구인 공고들을 보면 볼수록 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를 고려하여 페이지 설계
• 매일 노션 개발 일지 작성(프로젝트 회고때 큰 도움 됨)