[Next.js] 프로젝트 만들기

안녕하세요! 이번 글에서는 요새 핫한 프로젝트인 nextjs 를 활용하여 프로젝트를 생성하는 법을 기술하고자 합니다.

가장 먼저 Node.js와 Node Package Manager인 npm을 설치해보도록 하겠습니다.

$ brew install node$latest
$ brew install npm

 

그리고 설치가 완료되면 npx 명령어를 활용해 nextjs 프로젝트를 생성합니다. 

$ npx create-next-app@latest --typescript

 

다음으로 추가적으로 설치하는 패키지를 물어봅니다.

Need to install the following packages:
  create-next-app@latest
Ok to proceed? (y) y

 

다음으로 프로젝트의 이름을 물어봅니다.

What is your project named? … nextjs-intro

 

순서대로 진행하시면 해당 경로에 nextjs 프로젝트를 생성하게 됩니다!

 

실행방법은 프로젝트의 패키지로 가셔서 dev 명령어를 입력합니다.

$ cd nextjs-intro
$ npm run dev

> dev
> next dev

 

그러면 주소창에 localhost:3000 을 입력하면 앱이 실행되고 새로운 내용이 변경될 때마다 프로젝트가 갱신됩니다.