Nextjs 프로젝트 시작하기

typescript 기반의 next 앱 설치하기

기본 프로젝트 구조부터 시작
Next 공식 문서를 참고하여 CNA로 설치 해보자.

https://nextjs.org/docs/getting-started

npx create-next-app@latest --typescript
# or
yarn create next-app --typescript
# or
pnpm create next-app -- --typescript

??????????????

뭔가 이상하다.
왜 패키지만 설치되고 다른파일이 없음...??
분명 공식 문서와 블로그들에서 디렉토리 생성이 된다고 했는데...??
수많은 시행착오...
아놔
https://github.com/vercel/next.js/issues/35623
버그였나보다;;;

npx create-next-app next-app --use-npm

결국 해결..

뭐 암튼 프로젝트는 생성 완료

npx란?

자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 5.2.0 버전부터 새로 추가된 도구이다. 따라서 npm과 비교대상이 아닌 npm을 좀 더 편하게 사용하기 위해서 npm에서 제공해주는 하나의 도구다.

따라서 npm@5.2.0 이상 버전만 깔려 있다면 npx 명령어를 사용할 수 있다. npx는 npm 레지스트리에 올라가있는 패키지를 쉽게 설치하고 관리할 수 있도록 도와주는 CLI 도구.

References

https://webruden.tistory.com/275