Next에서의 에러 페이지 만들기

 

1. custom 404 페이지

pages 폴더에서 404.jsx파일을 만들어주게 되면 페이지를 찾을 수 없을 때 나타난다.

파일명을 404.jsx로 해야한다!!

 

const NotFound = () => {
  return <p>404 페이지 입니다.</p>;
}

exort default NotFound;

 

 

2. _error 

프로젝트를 빌드 한 뒤, 프로덕션 환경으로 실행하면 에러 페이지가 적용된다.

 

const Error = () => {
  return <p>에러가 발생했습니다.</p>
};

export default Error;

 

 

 

 

 

출처

https://velog.io/@carrot/Next.js-%EC%97%90%EB%9F%AC-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%8C%EB%93%A4%EA%B8%B0

Next.js - 에러 페이지 만들기

https://webisfree.com/2020-08-31/nextjs-custom-404-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%8C%EB%93%A4%EA%B8%B0

nextjs custom 404 페이지 만들기