diff --git a/pages/_document.tsx b/pages/_document.tsx new file mode 100644 index 0000000..ccea6be --- /dev/null +++ b/pages/_document.tsx @@ -0,0 +1,12 @@ +import { Html, Head, Main, NextScript } from 'next/document'; +export default function Document() { + return ( + + + +
+ + + + ); +} diff --git a/pages/_error.tsx b/pages/_error.tsx new file mode 100644 index 0000000..2817e6b --- /dev/null +++ b/pages/_error.tsx @@ -0,0 +1,14 @@ +// Custom error page — prevents Html import issue in Next.js pages router +export default function Error({ statusCode }: { statusCode?: number }) { + return ( +
+

{statusCode || 'Error'}

+

{statusCode === 404 ? 'Page not found' : 'An error occurred'}

+
+ ); +} + +Error.getInitialProps = ({ res, err }: any) => { + const statusCode = res ? res.statusCode : err ? err.statusCode : 404; + return { statusCode }; +};