Nextjs Routing

파일 기반 라우팅

 

nextjs는 파일기반으로 라우팅을 한다.

Nextjs 폴더 기능

 

리액트에서는 라우트를 위해서 'react-router'라는 라이브러리를 사용하여 라우팅 설정을 해줘야 한다. 페이지 경로에 대하여 직접 설정을 해줘야 한다.

넥스트는 파일 시스템 기반 라우팅을 사용한다. 폴더명 또는 파일명에 따라 웹 페이지 경로가 설정되어 관리가 편하다.
ex: index.tsx는 '/'(root)가 되고 test1.tsx는 '/test1'가 될 수 있다. /test/index.tsx와 /test.tsx가 동시 있을 경우 폴더속 index.tsx가 우선한다.