[Next.js] not found, Image, Link, redirect

not-found

• 경로상에 page가 없거나 설정한 경로가 아니면 not-found 파일에 정의한 내용이 나옴
  • 404페이지라고 보면 됨, 최상위 폴더에다 정의 해 주기

not-found.tsx 혹은 not-found.jsx 파일에 페이지를 찾을 수 없을때 띄워줄 ui를 제공해주면 된다
제공하지 않으면 next에서 제공해주는 기본 404 페이지가 제공 됨

Image

• Next.js는 기본적으로 Image 최적화를 적용해줌
  • React에서 처럼 img태그를 사용하는게 아닌 Image 태그를 import하여 이용하면 됨

Link

• Next.js는 Link태그를 통해 라우팅을 할 수 있다.
  • a태그가 아닌 Link태그를 사용해서 url을 지정해 줘야함
    <Link href=”경로”>경로명</Link> 식으로 사용 가능

redirect

• next/navigation을 통해 import 받아 올 수 있음
  • 해당 경로로 온 요청을 redirect 시켜 줄 수 있음
  • redirect(”리다이렉트 할 경로명”) 형식으로 사용

export default function Page(){

redirect("/signin")
}