nextjs で 404 を返す方法

nextjs の SSR で 404 を返すには、getServerSideProps でこうする

const getServerSideProps: GetServerSideProps = async (context) => {
  context.res.statusCode = 404;
  return { props: { errorCode: 404 } };
};

あとはコンポーネント側でよしなに 404 ページをレンダリングすればよい

とりあえず動かす段階なら next ビルトインの Error ページを使ってもいいだろう

• reusing-the-built-in-error-page

参考

• Advanced Features: Custom Error Page | Next.js
• How to return a 404 error in getServerSideProps with Next.js - Ironeko