1. Next.js 프로젝트 설치

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

yarn create next-app
# or
yarn create next-app --typescript

• 아래와 같이 종료되면 설치 성공!

  

• CRA와 달리 yarn dev 또는 npm run dev로 시작할 수 있습니다. 자세한 명령어는 package.json에서 살펴보겠습니다!

2. Next.js 폴더구조

<aside> 🧑🏻‍🏫 Next.js 컨텐츠를 보고 있는 분들은 이미 CRA를 여러번 경험해본 react 전문가라 생각하고, 기초적인 설명은 하지 않겠습니다. (ex) .gitignore)

</aside>

초기 코드

package.json

"scripts": {
  "dev": "next dev",
  "build": "next build",
  "start": "next start",
  "lint": "next lint"
},