[13 | Next.js] 넥스트13 프로젝트 시작하기

넥스트 13은 Node 16.14 이상의 버전을 요구한다. 지원 운영체제로는 맥, 윈도우즈, 리눅스가 있다.

프로젝트 자동 설치(수동 설치도 있음)

npx create-next-app@latest 

• 위의 명령어를 통해서 자동 셋업해주는 prompts 내역을 확인할 수 있다.
  • 현재경로에 하위 폴더로 새로운 이름이 아닌 그냥 현재경로 폴더를 root로 사용하고싶다면 질문 prompt에서 프로젝트 명을 . 로 root를 의미하는 dot을 찍어주면 된다.
• 필요 종속성들을 설치할 수 있는데, 2023-08-22 기준 Typescript, ESLint , Tailwind CSS 가 기본값으로 내장되어 있다.
• src 폴더에 내 코드들을 root의 config 폴더들과 구분하여 사용할 수 있다. ⇒ 리액트랑 같은 듯
• 🤠 프로젝트를 npm이 아닌 yarn으로 관리하고 싶다면 프로젝트를 최초 세팅했을 때 이미 존재하는 package.lock 파일을 제거하고 yarn 을 통해 yarn.lock을 만들어주면 된다. ⇒ 이 부분은 init 커밋을 날리기 전에 하기

💡 나는 nvm을 사용하여 기존 16.x 버전에서최신 lts 버전인 v18.17.1 으로 변경하여 next13으로 프로젝트를 만들것이다.
까먹고 있었는데 yarn 을 사용하는데 18버전에서 설치를 하지 않았다. 전역으로 yarn을 설치하여 어느 프로젝트에서도 사용할 수 있도록 해준다. ⇒ 전역으로 패키지를 설치하는 것은 딱히 좋지않지만 yarn 정도는 괜찮다고 생각한다.

npm install -g yarn #전역으로 yarn을 설치하는 명령어