diff --git a/src/routes/[...404].tsx b/src/routes/[...404].tsx
new file mode 100644
index 0000000..689556f
--- /dev/null
+++ b/src/routes/[...404].tsx
@@ -0,0 +1,31 @@
+import { Link } from "solid-app-router";
+
+export default function NotFound() {
+  return (
+    <main class="text-center mx-auto text-gray-700 p-4">
+      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">
+        Not Found
+      </h1>
+      <p class="mt-8">
+        Visit{" "}
+        <Link
+          href="https://solidjs.com"
+          target="_blank"
+          class="text-sky-600 hover:underline"
+        >
+          solidjs.com
+        </Link>{" "}
+        to learn how to build Solid apps.
+      </p>
+      <p class="my-4">
+        <Link href="/" class="text-sky-600 hover:underline">
+          Home
+        </Link>
+        {" - "}
+        <Link href="/about" class="text-sky-600 hover:underline">
+          About Page
+        </Link>
+      </p>
+    </main>
+  );
+}