return 501 instead of 404

[ahakem]

Hello,
for some reason, I need to return 501 instead of 404 for all not existing pages so another app managed via Nginx will take care of this 501 to display it or return 404 if not exist.

IS any way to do that?

[ovidyou]

@ahakem

Create an _error.js page with following content:

// ./page/_error.js

function Error({ statusCode }) {
  return (
    <p>
      {statusCode
        ? `An error ${statusCode} occurred on server`
        : "An error occurred on client"}
    </p>
  );
}

export async function getServerSideProps({ res, err }) {
  let statusCode = res ? res.statusCode : err ? err.statusCode : 404;

  if (statusCode === 404) {
    statusCode = 501;
    res.statusCode = 501;
    res.end();
  }

  return { statusCode };
}

export default Error;

If you already have a 404.js page, then delete it, otherwise it will not work.

[ahakem]

Thank you, I'll try that