[next.js] 설치 및 세팅

1. cd desktop

2. 설치(--experimental-app은 최신이기때문에 확인하고 설치)

npx create-next-app@latest --experimental-app

3. 설치후 해당파일 vsCode로 열기

package.json에
next.js에서 실행할 수 있는 총 4가지 script 확인가능

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

• dev는 개발할 때 쓰는 개발용 모드
• build는 서버에 배포한 뒤에 프로젝트에 빌드할 때 사용
• start는 서버에 배포한 뒤 빌드 후 실행할 때 사용
• lint는 프로젝트 소스코드를 검사할 때 사용 (EsLint)

1. 시작

npm run dev