Next.js 기본 사용법(1) - 설치

이번 포스트에서부터는 공식 문서를 따라하며, 기본 사용법을 알아본다.

https://nextjs.org/docs/getting-started

Getting Started | Next.js

 

1. 설치

우선, Node.js의 버전이 12.0 이상이어야 한다.

$> npx create-next-app --typescript

뒤에 붙은 --typescript는 타입스크립트의 사용여부에 따라 추가하면되는 옵션이다.

위 명령어를 실행하면 프로젝트 명을 묻는데 이 때 설정해도 되고 명령어 뒤에 추가를 해도 된다.

 

2. package.json

package.json의 script 부분을 보면 아래와 같이 구성되어 있다.

• dev : 개발 모드에서 Next.js를 실행
• build : 프로덕션을 위해 어플리케이션을 빌드
• start : 프로덕션 서버 시작
• lint : 내장 ESLint 구성을 설정

3. 실행 확인

$> npm run dev

개발모드를 실행하고 http://localhost:3000 을 실행해보면 아래와 같은 화면이 뜬다.

---

기본 설치와 실행을 통해 확인을 해보았다.

다음 포스트에서는 Next.js의 페이징에 대해 알아본다.