Google News
logo
Next.js - Interview Questions
Give an example to demonstrate how to create a custom error page in Next.js?
We can create our custom error page by defining a _error.js in the pages folder. See the following example :
import React from "react";  
class Error extends React.Component {  
  static getInitialProps({ res, err }) {  
    const statusCode = res ? res.statusCode : err ? err.statusCode : null;  
    return { statusCode };  
  }  
  render() {  
    return (  
   
        {this.props.statusCode  
          ? `An error ${this.props.statusCode} has occurred on the server`  
          : "An error occurred on client-side"}  
        
    );  
  }  
}  
export default Error;​
  
Advertisement