[NEXT.JS] #2 Project 생성하기

특징과 기능에 대한 정리를 마쳤으니 이제 프로젝트를 생성해 보겠다.

NEXT.JS 특징과 기능

[NEXT.JS] #1 특징과 기능

---

create-next-app

방장은 MAC을 사용하고 있고, 다른 프로젝트들이 있어 node가 여러 버전이 설치되어 있다. 이번에 node 18버전을 설치했고, 해당 버전으로 변경 후 next.js를 설치하였다.

추가 라이브러리는 우선 모두 설치하지 않았다.(No 선택)

npx create-next-app
✔ What is your project named? … nextjs-intro
✔ 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
Creating a new Next.js app in /nextjs-intro.

Using npm.

Initializing project with template: default 


Installing dependencies:
- react
- react-dom
- next


added 22 packages, and audited 23 packages in 2s

3 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
Initialized a git repository.

Success! Created nextjs-intro at /nextjs-intro

 

 

디렉토리에 접속해 npm run dev를 입력하면 영롱한 NEXT JS 페이지를 확인할 수 있다.