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를 고려하여 페이지 설계
  • 매일 노션 개발 일지 작성(프로젝트 회고때 큰 도움 됨)

이 글이 도움이 되었나요?

신고하기
0분 전
작성된 댓글이 없습니다. 첫 댓글을 달아보세요!
    댓글을 작성하려면 로그인이 필요합니다.