[NextJS 시작하기] 오토 라우팅 (?) version 13이후 라우팅

앱을 생성했을때, 기본적인 폴더 구조는 이러하다. (pages 폴더 제외)

자동 라우팅 가능은 pages 폴더에 생성하면 된다고 공홈에서 설명해주었으나

local:3000에서 라우팅 되지않았다.

 

 

✔ 폴더구조

2023년 6월 기준 NextJS 13부터는 pages 폴더가 자동생성 되지 않고, app 폴더가 생성된다.

이전 버전 :  root/pages/about.js => /about
13부터 :      root/app/about/page.js => /about

13버전 이후부터는 위처럼 라우팅 할수있다.

1. pages폴더 내에 있는 파일이름이 접속할 수 있는 URL의 이름이 된다.
2. pages폴더 내에 있는 파일에는 반드시 export default가 있어야 한다.
3. 404 error page를 next.js에서 자동으로 만들어준다.
4. 앱의 홈은 index.js를 따른다.
5. react를 import하지 않고 jsx를 사용할 수 있다.