next 설치

npm create-next-app

엔터 쭉 치면 끝

 

next는 폴더 기반으로 라우팅 설정이 자동으로 되는 것 같다.

about이라는 폴더를 만들고, 그곳에 index.js 폴더를 만들어서 밑에있는 양식을 복사해왔다.

이제 /about 으로 가볼텐데 결과는?

잘 나온다.

아, header,footer는 _app.js 파일에 설정되어있다.

미리 이렇게 설정이 되어있다니, 리액트보다 좀 편하긴 한 것 같다.