diff --git a/src/pages/404.tsx b/src/pages/404.tsx
new file mode 100644
index 0000000000..20fbb5a4cc
--- /dev/null
+++ b/src/pages/404.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+import Layout from "../components/Layout"
+import Seo from "../components/Seo"
+
+const NotFound: React.FC = ({}) => {
+  return (
+    <Layout className="code">
+      <div className="code-hero">
+        <div className="code-hero-inner">
+          <h1>Oops!</h1>
+          <p>Page not found!</p>
+        </div>
+      </div>
+    </Layout>
+  )
+}
+
+export function Head() {
+  return <Seo title="GraphQL: Page not found" />
+}
+
+export default NotFound