Frontend/Next.js

Next.js에서 페이지이동이 필요할때 |

섕걍 2023. 2. 4. 15:25

1. pages폴더 안에

파일을 만들면 그 파일명이 경로가 된다

이렇게 pages폴더 밑에

폴더를 만들면 폴더 명이 경로가 된다.

 

경로 이동을 해서 보여줄 파일을 만든다.


2. 경로 이동이 필요한 파일에 next/link로부터 Link를 import 시켜준다. 

import Link from "next/link";

3. <Link>로 감싸주고 href 로 경로를 정해준다. 그리고 <a>태그로 감싸준다.

<Link href="/brand">
	<a>
	click to brand! 
    </a>
</Link>

 

4. Next.js공홈에 자세히 나와있다! 

https://nextjs.org/docs/api-reference/next/link