next js + typescript 프로젝트 추가
cd packages
yarn create next-app {project} --typescript
typescript config
root의 tsconfing 세팅을 extends하여 생성
중복된 설정 제거 및 extends
{
"extends": "../../tsconfig.json",
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
"exclude": ["node_modules"]
}
package.json 수정
version -> packageManager
root package.json의 packageManager 복사하여 붙여넣기
{
"name": "web",
"packageManager": "yarn@3.2.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@common/components": "workspace:*",
"next": "12.1.5",
"react": "18.0.0",
"react-dom": "18.0.0"
},
"devDependencies": {
"@types/node": "17.0.27",
"@types/react": "18.0.7",
"@types/react-dom": "18.0.0",
"eslint": "8.14.0",
"eslint-config-next": "12.1.5",
"next-transpile-modules": "^9.0.0",
"typescript": "4.6.3"
}
}
yarn 패키지 의존성 갱신
root 위치에서 yarn 실행
yarn workspace 확인
yarn workspaces list
최종
728x90