[NextJS] SetUp Project& React

Automatic Setup

Next.js의 공식 문서에는 create-next-app 사용하는 것을 추천한다고 나와있습니다.
다음의 명령을 실행하여 Next.js 프로젝트를 setUp 할 수 있습니다.

npx create-next-app@latest

or

yarn create next-app

or

pnpm create next-app
ex) npx create-next-app@latest {프로젝트이름}

타입스크립트를 사용할 경우에는 다음과 같이 --typescript 를 마지막에 추가해주면 됩니다.

npx create-next-app@latest --typescript

or

yarn create next-app --typescript

or

pnpm create next-app --typescript
npx create-next-app@latest --typescript {프로젝트이름}

저 같은 경우에는 공식문서에 나온것처럼 했는데 Typescript가 잘 작동이 되지 않았습니다.
그래서

npm install --save-dev typescript @types/react @types/node

를 설치 후에

npm/yarn run dev  

하였는데 또 오류를 만났습니다.
tsconfig.json 에서
"resolveJsonModule": true, 이 오류가 났습니다.
찾아본 결과

"compilerOptions": {
"moduleResolution": "node"
}

추가하여 해결하였습니다.
설치가 완료된 후:
npm run dev or yarn dev or pnpm dev 를 사용하여 서버를 실행시킵니다. (http://localhost:3000)
http://localhost:3000 를 접속하여 확인합니다.
pages/index.js 를 만들어서 적용되는지 확인합니다.