diff --git a/src/pages/_error.tsx b/src/pages/_error.tsx
new file mode 100644
index 0000000..59e2a51
--- /dev/null
+++ b/src/pages/_error.tsx
@@ -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;