Next JS 시작하기 (feat.typescript)

프로젝트 생성

npx create-next-app <projectName> --typescript

 

프로젝트 구조

왼쪽 - 프로젝트 설치시 기본 구조
오른쪽 - 기존 리액트 프로젝트에서 src폴더에 파일들을 관리했었기때문에 익숙한 구조로 구조변경
              당장에 사용하지않는 파일 및 폴더 삭제 

public 폴더는 남겨놔야한다 안에 들어가있는 favicon 404 에러가 표출된다...

Babel 설정

프로젝트 root에 .babelrc 파일생성

{ 
  "presets": ["next/babel"]
}

 

 

프로젝트  실행

npm run dev
or 
npm run build && npm start