[Next] Nextjs 설치하기

node가 설치되어있다는 가정하에 진행하겠습니다.

1. 터미널에 아래와 같이 입력합니다.

npx create-next-app@latest

2. 기본 세팅을 설정해줍니다.

   Ok to proceed? (y)
   -> 그냥 엔터 입력
   √ What is your project named? my-app
   -> 프로젝트 명 설정
   √ Would you like to use TypeScript with this project? ... No / Yes
   -> 타입스크립트 사용할건지?
   √ Would you like to use ESLint with this project? ... No / Yes
   -> eslint 사용할건지?
   √ Would you like to use Tailwind CSS with this project? ... No / Yes
   -> 테일윈드 사용할건지?
   √ Would you like to use src/ directory with this project? ... No / Yes
   -> src 디렉토리 사용할건지?
   √ Use App Router (recommended)? » No / Yes
   -> App Router (추천) 사용할건지?
   √ Would you like to customize the default import alias? ... No / Yes
   -> import 구문 커스터마이징할건지?

3. 해당 디렉토리로 이동 후 아래 명령어 입력해줍니다.

npm run dev

4. http://localhost:3000로 접속합니다.
   

이렇게 설치가 잘 됐다면 위와 같은 기본 화면이 잘 나오는 것을 확인할 수 있습니다.