create-next-app

로컬 실행 점검 절차

Next.js 16 프로젝트 생성은 명령어, 선택지, 실행 확인의 세 구간으로 나누면 실수가 줄어든다.

terminal
npx create-next-app@latest my-next-app
TypeScript Yes
ESLint Yes
src/ Yes
App Router Yes
1

프로젝트 생성

선택한 폴더에서 명령을 실행해 my-next-app 디렉터리를 만든다.

2

권장 선택

TypeScript, ESLint, src 디렉터리, App Router를 기준 선택으로 둔다.

3

서버 실행

cd my-next-app
npm run dev
4

브라우저 확인

http://localhost:3000에서 환영 페이지가 보이면 성공이다.

Success 메시지 확인

생성 경로와 실행 가능한 npm scripts가 터미널에 표시되는지 본다.

개발 서버 유지

터미널을 닫지 않은 상태에서 브라우저로 localhost에 접속한다.