Add custom 404 page that redirects to home

Serubin · Mar 22, 2024 · 2a9f44f · 2a9f44f
1 parent cdf23a4
commit 2a9f44f
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/pages/404.tsx b/pages/404.tsx
@@ -0,0 +1,11 @@
+import type { NextPage } from 'next';
+import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+
+// This custom 404 page will just redirect to /
+// This is fine for this site because there are only two pages
+const NotFound: NextPage = (): void => {
+  const { push } = useRouter();
+  useEffect(() => push('/'));
+};
+export default NotFound;