Fix build issue

Author: carlbarrdahl

components/blog/BlogHeader.tsx components/BlogHeader.tsx

@@ -0,0 +1,39 @@
+import Link from "next/link";
+import type { Page } from "nextra";
+// eslint-disable-next-line import/no-unresolved
+import { getPagesUnderRoute } from "nextra/context";
+
+export function BlogIndex() {
+  return getPagesUnderRoute("/blog").map(
+    (
+      page: Page & {
+        frontMatter?: {
+          date?: string;
+          description?: string;
+          title?: string;
+        };
+      }
+    ) => {
+      return (
+        <div key={page.route} className="mb-10">
+          <Link
+            href={page.route}
+            style={{ color: "inherit", textDecoration: "none" }}
+            className="block font-semibold mt-8 text-2xl"
+          >
+            {page.meta?.title || page.frontMatter?.title || page.name}
+          </Link>
+          <p className="opacity-80" style={{ marginTop: ".5rem" }}>
+            {page.frontMatter?.description}{" "}
+            <span className="inline-block">
+              <Link href={page.route}>{"Read more →"}</Link>
+            </span>
+          </p>
+          {page.frontMatter?.date ? (
+            <p className="opacity-50 text-sm">{page.frontMatter.date}</p>
+          ) : null}
+        </div>
+      );
+    }
+  );
+}

components/BlogIndex.tsx

@@ -10,6 +10,7 @@
 	},
 	"dependencies": {
 		"next": "^13.4.3",
+		"nextra": "^2.10.0",
 		"nextra-theme-docs": "^2.6.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"

components/blog/BlogIndex.tsx

@@ -3,8 +3,8 @@ description: The latest updates and releases from the team at Allo.
 type: posts
 ---
 
-import { BlogHeader } from "../components/blog/BlogHeader";
-import { BlogIndex } from "../components/blog/BlogIndex";
+import { BlogHeader } from "../components/BlogHeader";
+import { BlogIndex } from "../components/BlogIndex";
 
 <BlogHeader />
 <BlogIndex />