
[Next.js 14] Not found 페이지 만들기 (404 페이지)
·
개발/Next.js
React에서는 라우터 설정에서 아래와같이 * 을 붙이면, 나머지 url에 접근했을 떄 보여줄 페이지를 지정할 수 있었다. Next.js14에서는 어떻게 하는지 알아보자. { path: '*', element: , }, 🧊 지정된 URL 이외의 페이지를 요청할 때 나타나는 페이지 만들기Next.js14에서는 디텍토리가 곧 url이므로 React처럼 *을 붙여 따로 설정할 수 없다. 또한 프레임워크이기 때문에 Next.js14 제공해주는 방식으로 처리를 해야한다. Next.js14에서 Not found 404 페이지를 만드는 방법은 정말 간단하다. app/not-found.tsx 파일을 만들면 없는 URL에 접근할 때 해당 페이지를 띄워준다. 예시) 위와 같이 src/app/not-fou..