fix: add custom Pages Router _error page for 404/500 prerendering
Override default Next.js _error page that imports <Html> from next/document, which fails during Docker build prerendering. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
30
src/pages/_error.tsx
Normal file
30
src/pages/_error.tsx
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
import { NextPageContext } from "next";
|
||||||
|
|
||||||
|
function ErrorPage({ statusCode }: { statusCode?: number }) {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: "flex",
|
||||||
|
alignItems: "center",
|
||||||
|
justifyContent: "center",
|
||||||
|
minHeight: "100vh",
|
||||||
|
backgroundColor: "#252A2F",
|
||||||
|
color: "white",
|
||||||
|
fontFamily: "Lato, sans-serif",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<h1 style={{ fontSize: 24, fontWeight: 700 }}>
|
||||||
|
{statusCode === 404
|
||||||
|
? "404 - Halaman Tidak Ditemukan"
|
||||||
|
: "Terjadi Kesalahan"}
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
ErrorPage.getInitialProps = ({ res, err }: NextPageContext) => {
|
||||||
|
const statusCode = res ? res.statusCode : err ? err.statusCode : 404;
|
||||||
|
return { statusCode };
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ErrorPage;
|
||||||
Reference in New Issue
Block a user