enhance(ux): add catch-all not-found redirect

supabase · Apr 23, 2024 · faa8e35 · faa8e35
1 parent c1a9b13
commit faa8e35
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 9 deletions.
diff --git a/apps/docs/app/[...slug]/page.tsx b/apps/docs/app/[...slug]/page.tsx
@@ -0,0 +1,17 @@
+/**
+ * A catch-all to redirect all not found pages.
+ *
+ * This allows us to generate recommendations based on the path the user is
+ * looking for, which isn't possible with a regular 404 page (receives no
+ * params).
+ */
+
+import { redirect } from 'next/navigation'
+import { sep } from 'node:path'
+
+const CatchAllPage = async ({ params }: { params: { slug: string[] } }) => {
+  const searchParams = new URLSearchParams({ page: encodeURIComponent(params.slug.join(sep)) })
+  redirect(`/not-found?${searchParams}`)
+}
+
+export default CatchAllPage
diff --git a/apps/docs/app/not-found.tsx b/apps/docs/app/not-found.tsx