Add custom 404 page that redirects to home

Serubin · Mar 22, 2024 · 29222bb · 29222bb
1 parent cdf23a4
commit 29222bb
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 = (): JSX.Element => {
+  const { push } = useRouter();
+  useEffect(() => push('/'));
+};
+export default NotFound;