Redirecting

Next.js 에서는 redirects 를 다루는 여러 방법을 제공하고 있습니다.

 

redirect function

redirect 함수는 Server Components, Route Handlers, Server Actions 에서 호출할 수 있다고 합니다.

 

permanentRedirect function

permanentRedirect function 은 다른 URL 로 영구적으로 리디렉션 할 수 있습니다.

해당 함수는 사용자 이름을 변경한 후 사용자 프로필 URL 을 업데이트하는 등

표준 URL 을 변경하는 뮤테이션이나 이벤트 이후에 자주 사용됩니다.

useRouter() hook

클라이언트 컴포넌트의 이벤트 핸들러에서 redirect 를 하기 위해서는 push 메서드를 사용할 수 있습니다.

redirects in next.config.js

next.config.js 파일의 리디렉션 옵션을 사용하면 수신 리퀘스트 경로를 다른 목적지 경로로 리디렉션 할 수 있습니다.

이는 페이지의 URL 구조를 변경하거나 미리 알려진 리디렉션 목록이 있을 때 유용합니다.

 

리다이렉트는 경로, 헤더, 쿠키 그리고 쿼리 매칭을 지원하므로 수신 요청에 따라 사용자를 리디렉션 할 수 있는 유연성을 제공합니다.

NextResponse.redirect in Middleware

미들웨어를 사용하면 요청이 완료되기 전에 코드를 실행시킬 수 있습니다.

수신 요청에 따라, NextResponse.redirect 를 사용해 다른 URL 로 리디렉션 합니다.

인증, 세션 관리 등 의 조건에 따라 사용자를 리디렉션 하거나 리디렉션 횟수가 많은 경우 유용합니다.