설치

*Javascript 환경*
$ npx create-next-app .

*TypeScript 환경*
$ npx create-next-app . --typescript

*[ 최신 버전으로 설치 ]*
*Javascript 환경*
$ npx create-next-app@latest .

*TypeScript 환경*
$ npx create-next-app@latest . --typescript

*[ Manual Setup ]*
& npm install next react react-dom

Scripts

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

‘dev’ - Runs next dev which starts Next.js in development mode.

‘build’ - Runs next build which builds the application for production usage.

‘start’ - Runs next start which starts a Next.js production server.

‘lint’ - Runs next lint which sets up Next.js' built-in ESLint configuration.

Pages

Custom app

Style

Image

next.config.js

Learn Next.js: Getting Started