[Next.js] API 오류 화면 처리

Error pages/error.tsx function ErrorPage({ statusCode }: any) { return <p>{statusCode ? `An error ${statusCode} occurred on server` : "An error occurred on client"}</p>; } ErrorPage.getInitialProps = ({ res, err }: any) => { const statusCode = res ? res.statusCode : err ? err.statusCode : 404; return { statusCode }; }; export default ErrorPage; pages/tempPage.tsx 빌드 후 API 호출때 실패 여부를 "status" props로 전달받아서 컴포넌트 출력전에 오류페이지로 보여준다. interface DefaultProps { status: number; data: any; } function TempPa...

원문링크 : [Next.js] API 오류 화면 처리