본문 바로가기

NextJS

Next JS (4) Routing

ReactJS를 써봤다면 익숙한 Link를 nextJS에서도 routing 할 때 써준다 

anchor을 쓰지 않는 이유는 client-side-navigation이 없기 때문인데 이게 무슨 뜻이냐면 anchor을 사용하여 routing을 하게 된다면 페이지를 이동할 때마다 새로고침을 하게 되고 이게 속도를 굉장히 느리게 만든다. 

Link를 사용하면 새로고침이 안되고 페이지 이동이 빠르기 때문에 Link를 통해 라우팅 하면 된다

 

Example.

<Link href="/">Home</Link>

 

'NextJS' 카테고리의 다른 글

NextJS (6) Global Styles  (0) 2023.02.21
NextJS (5) Styles JSX  (0) 2023.02.21
NextJS (3) Server-Side Rendering (SSR) vs Client-Side Rendering (CSR)  (0) 2023.02.21
NextJS (2) Pages  (0) 2023.02.21
NextJS (1) NextJS 프로젝트 시작하기  (0) 2023.02.21