Next.js (create-next-app) 10.2.1부터 TypeScript를 이용한 부트 스트랩이 조금 이해하기 쉬워진다

v10.2.1은 아직 공식적으로 출시되지 않았습니다 (2021/5/17 현재)이 v10.2.1-canary.3에서 create-next-app 명령에 --ts 옵션이 추가되었습니다.

npx -y [email protected] helloworld-ts --use-npm --ts 

시도에 10.2.1-canary.8에서 --ts


페이지 구성 요소가 처음부터 tsx, API는 ts로 생성됩니다.

package.json

  "devDependencies": {
    "@types/next": "9.0.0",
    "@types/react": "17.0.5",
    "error": "10.4.0",
    "typescript": "4.2.4"
  }

devDependencies에는 타입 정의와 ts가 추가됩니다.

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve"
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}

tsconfig.json도 제대로 생성됩니다.



strict가 제대로 true인 것도 좋네요. 원래 create-next-app -e with-typescript 그리고 examples 에서 당겨 오는 것에서도 비슷한 일은 되어 있었습니다만, 일급 시민으로서의 TS의 지위가 보다 강해졌다고 하는 느낌입니까.

현재, create-next-app -e blog --ts 와 같이 examples와 조합한 사용법은 할 수 없기 때문에, 원래 디폴트를 ts로서 --ts 옵션이 아니고 --without-ts 옵션이 되어 주었으면 하는 것이 TypeScript를 좋아한다고는 솔직한 곳인데 , 거기까지 가면 Next.js가 아니고 Next.ts가 되어 버리므로 없을 것이다