Next.js - 커스텀 404 페이지

Next.js - 커스텀 404 페이지

·

1 min read

지정되지 않은 경로로 이동했을 때 나오는 Next.js 의 제공되는 404 페이지 입니다.

404 페이지를 13 버전에 맞게 커스텀 해보겠습니다. (아직 beta 라 나중에 또 달라질 수 있습니다..)

현재 버전 기준 : "next": "13.3.0"

디렉토리 구조

[...404] 폴더와 최상위 not-found.tsx 를 보시면 됩니다.

스택 오버 플로우 답변

Next 13.3에서는 파일 이름을 not-found.js.

이제 파일 app/not-found.js은 앱에 일치하는 경로가 없는 URL 방문을 자동으로 처리합니다.

문서: https://beta.nextjs.org/docs/api-reference/file-conventions/not-found

발표 위치: https://nextjs.org/blog/next-13-3

[...404]

carbon

not-found.tsx

2

결과

1


참고

stackoverflow