😀

1 files changed, 44 insertions, 0 deletions

diff --git a/docs/pages/blog.mdx b/docs/pages/blog.mdx
new file mode 100644
index 0000000..dddad2e
--- /dev/null
+++ b/docs/pages/blog.mdx
@@ -0,0 +1,44 @@
+---
+description: The latest updates and releases from the Turbo team at Vercel.
+type: posts
+---
+
+import { getPagesUnderRoute } from "nextra/context";
+import Link from "next/link";
+
+export function BlogHeader() {
+  return (
+    <div className="max-w-screen-lg mx-auto pt-4 pb-8 mb-16 border-b border-gray-400 border-opacity-20">
+      <h1>
+        <span className="font-bold leading-tight lg:text-5xl">Blog</span>
+      </h1>
+      <p className="text-center text-gray-500 dark:text-gray-400 font-space-grotesk">
+        The latest updates and releases from the Turbo team at Vercel.
+      </p>
+    </div>
+  );
+}
+
+export function BlogIndex() {
+  return getPagesUnderRoute("/blog").map((page) => {
+    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>
+    );
+  });
+}
+
+<BlogHeader />
+<BlogIndex />