- Next.js 공식문서 확인하면서 프로젝트 세팅
- manual로 세팅
- yarn add next react react-dom
- yarn lint
- 자동으로 next lint로 eslint, eslint-config-next 설치됨
- 커밋 시 타입 체크, eslint, prettier 실행
- yarn add lint-staged
- husky
- emotion
- yarn add @emotion/react @emotion/styled
- tsconfig 파일 compilerOption 수정
- recoil
- yarn add recoil
- Eslint 설정
- yarn add typescript-eslint/eslint-plugin typescript-eslint/parser eslint-config-airbnb-typescript
- Prettier 설정
- prettierrc.json에 규칙 협의 하 설정
세팅 과정
- 추가 라이브러리 및 플러그인
package.json
추가 플러그인
- next
- react
- react-dom
- eslint
- typescript/recommend
- typescript-eslint/parser
- eslint-config-airbnb-typescript
- prettier
- eslint-config-prettier
- @emotion/react
- @emotion/styled
- recoil
추가 논의사항
- prettier 논의필요
- printwidth: 120/80
- semi
- style: emotion reset, font 적용
- design 논의 필요: global style, primary color