[Next.js] Next.js 프로젝트 생성하기

시작하기에 앞서 Next.js의 공식 문서를 살펴보자

Getting Started | Next.js

---

Next.js를 사용하기 위해서 Node.js 12.22.0 이상 버전이 설치되어 있어야 한다.
Mac, Windows, Linux 모두 사용 가능! 참고로 저는 맥 유저랍니다.

System Requirements

• Node.js 12.22.0 or later
• MacOS, Windows (including WSL), and Linux are supported

설치법은 여기를 클릭해주세요

 

1. create-next-app 설치

create-next-app이 설치되어 있다면 패스해도 됨

npx create-next-app@latest

 

2. 프로젝트 생성하기

프로젝트의 이름을 next-js-test로 지정해서 생성했습니다,,

 npx create-next-app next-js-test

 

3. 실행하기

생성한 next-js-test 프로젝트를 열어서 package.js를 살펴보면 아래와 같은 스크립트를 볼 수 있습니다

  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },

개발 모드로 실행할떄는 dev를,
production 모드로 실행할때는 build 후 start를 해주면 됩니다
저는 패키지 매니저로 yarn을 사용하기 때문에 yarn build 후에 yarn start를 실행했습니다

실행 명령어를 입력한 후 localhost:3000을 접속하면,,, 짜잔,,

 

자 이제 next.js를 공부해보자