Playing with 404s

Author: GregBrimble

src/components/overrides/Page.astro

@@ -9,38 +9,46 @@ const data = props.entry.data;
 
 const html = await Astro.slots.render("default");
 
+if (props.id === "404") {
+	props.toc = undefined;
+}
+
 if (props.toc) {
 	props.toc.items = await generateTableOfContents(html);
 }
 
 if (props.hasSidebar) {
-	const group = await getSidebar(Astro);
-	props.sidebar = group.entries;
+	try {
+		const group = await getSidebar(Astro);
+		props.sidebar = group.entries;
 
-	if (props.pagination) {
-		const flattened = flattenSidebar(props.sidebar);
+		if (props.pagination) {
+			const flattened = flattenSidebar(props.sidebar);
 
-		const idx = flattened.findIndex((entry) => entry.isCurrent);
+			const idx = flattened.findIndex((entry) => entry.isCurrent);
 
-		let prev = flattened[idx - 1];
-		let next = flattened[idx + 1];
+			let prev = flattened[idx - 1];
+			let next = flattened[idx + 1];
 
-		if (prev?.attrs["data-group-label"]) {
-			prev = {
-				...prev,
-				label: prev.attrs["data-group-label"],
-			};
-		}
+			if (prev?.attrs["data-group-label"]) {
+				prev = {
+					...prev,
+					label: prev.attrs["data-group-label"],
+				};
+			}
 
-		if (next?.attrs["data-group-label"]) {
-			next = {
-				...next,
-				label: next.attrs["data-group-label"],
-			};
-		}
+			if (next?.attrs["data-group-label"]) {
+				next = {
+					...next,
+					label: next.attrs["data-group-label"],
+				};
+			}
 
-		props.pagination.prev = prev;
-		props.pagination.next = next;
+			props.pagination.prev = prev;
+			props.pagination.next = next;
+		}
+	} catch {
+		props.hasSidebar = false;
 	}
 }
 

src/content/docs/404.mdx

@@ -0,0 +1,8 @@
+---
+title: "404"
+template: doc
+editUrl: false
+hero:
+  title: "404"
+  tagline: Page not found. Check the URL or try using the search bar.
+---