[Next.js] Next.js 시작하기

next.js의 공식문서 글의 내용을 참고하여 만들었습니다.

 

Node.js 설치하기(10.13 버전 이상 권장)

https://nodejs.org/en/

Node.js

부가적으로, npm 또는 yarn도 설치되어있어야 한다.

---

Next.js App 만들기

vscode를 열고 터미널을 열어서 아래 명령어를 입력한다.

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"

공식 문서에 있는 명령어를 가져온 것인데,

설명하자면

npx create-next-app 은 리액트에서 편하게 쓴 npx create-react-app과 같은 기능이라고 보면 된다.

next.js app을 만들어주는 명령어이고,

뒤에 온 nextjs-blog는 nextjs-blog라는 폴더 밑에 만들겠다는 의미이다.

그다음 --use-npm은 npm을 이용하겠다는 옵션이고,

--example url 은 해당 url에 있는 템플릿을 가져오겠다는 의미이다.

 

그다음 cd 폴더명 해서 만들어준 폴더에 들어간다.

cd nextjs-blog

 

그다음 해당 명령어를 실행하여 앱을 실행해본다.

npm run dev

혹시 안된다면

package.json파일에 들어가서

package.json

"scripts" 밑에 

"dev":"next" 가 있는지 확인해본다.

 

인터넷 브라우저를 열고

http://localhost:3000/ 에 들어가서 정상적으로 실행되면 준비는 끝났다.

nextjs 공식문서

이런 창이 뜰 것이다.