[Next] next.js 13 초기 세팅

 

목차

1. 설치하기

터미널에 아래 명령어 입력 (@latest는 최신 버전을 의미함)

npx create-next-app@latest

프로젝트 폴더를 생성한 후 현재 위치한 폴더에 설치하고 싶다면 뒤에 . 을 입력한다. (. 은 현재 폴더를 의미)

현재 위치한 폴더에 설치하지 않고 위 명령어로 설치 시 √ What is your project named?이라는 질문이 나오면 프로젝트 이름을 입력해주면 된다.

npx create-next-app@latest .

설치 시 아래와 같은 항목이 뜨는데 본인 프로젝트에 맞게 Yes or No를 선택해주면 된다.

Ok to proceed? (y) y

√ Would you like to use TypeScript? ... No / Yes

√ Would you like to use ESLint? ... No / Yes

√ Would you like to use Tailwind CSS? ... No / Yes

√ Would you like to use `src/` directory? ... No / Yes

√ Would you like to use App Router? (recommended) ... No / Yes

√ Would you like to customize the default import alias? » No / Yes  

2. 실행하기

npm run dev

실행하면 기본적으로 http://localhost:3000/으로 연결된다.

실행 후 화면 ▼