Next.js(react) 프로젝트 시작

React의 SSR (server-side rendering) 프레임워크인 Next 프로젝트

환경: Windows, VScode, npm

 

※ npx는 자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 npm@5.2.0 버전부터 새로 추가된 도구입니다. 따라서 npm@5.2.0 이상 버전만 깔려 있다면 npx 커맨드를 사용 가능합니다

1. Project를 설정할 폴더를 생성한다.

 

2. 터미널로 Project 폴더로 이동한다.

 

3. npx 로 next 프로젝트를 생성한다.

npx create-next-app .

위에서 '.' 은 현대 폴더(디렉토리)를 의미한다.

위에 방식으로 하면 next 설치는완료되었다 

 

실제로 동작하는지 명령어로 확인해보자.

npm run dev // dev 환견 실행

 

 

 

jktech.tistory.com/45

Next + Typescript 설정