프로젝트 생성 및 초기세팅

프로젝트 생성

Nextjs 시작 방법

yarn create next-app

or

yarn create next-app --typescript

버전 세팅

호환성을 위해서 안전한 버전으로 직접 세팅해줍니다.

"dependencies": {
	...
	"next": "^12.1.0",
	"react": "^17.0.2",
	"react-dom": "^17.0.2"
},
"devDependencies": {
	...
	"@types/react": "^17.0.2",
	"eslint": "^8.0.1"
}

직접 수정이 끝나면 기존 node_modules 폴더를 지워주고 yarn install 로 모듈을 다시 설치해줍니다.

라이브러리 설치

Emotion

Emotion 설치 방법

yarn add @emotion/react

yarn add @emotion/styled

Apollo-client / GraphQL

GraphQL 설치 방법

yarn add install @apollo/client graphql

Ant-Design

Ant-Design 설치 방법

yarn add antd

or

npm install antd

Material-UI

Material-UI 설치 방법

npm install @mui/material @emotion/react @emotion/styled

or

yarn add @mui/material @emotion/react @emotion/styled

Axios

yarn add axios