// pages/index.tsx

import type { GetServerSideProps } from 'next'

const Page = () => {
  return <p>Hello</p>
}

export const getServerSideProps: GetServerSideProps = async ({ res }) => {
  res.statusCode = 403
 
  // res.end() // If specified, the render will be empty
  // throw new Error()

  return { props: {} }
}

export default Page

// pages/_error.tsx

import { NextPageContext } from 'next/types'

const Page = ({ statusCode }: { statusCode: number }) => {
  return (
    <p>
      {statusCode
        ? `An error ${statusCode} occurred on server`
        : 'An error occurred on client'}
    </p>
  )
}

Page.getInitialProps = ({ res, err }: NextPageContext) => {
  const statusCode = res ? res.statusCode : err ? err.statusCode : 404
  return { statusCode }
}

export default Page