Blog works

src/app/blog/[slug]/page.jsx

@@ -0,0 +1,23 @@
+import { getBlogBySlug, getAllBlogSlugs } from "@/lib/mdx";
+
+export async function generateStaticParams() {
+  const slugs = await getAllBlogSlugs();
+  return slugs.map(({ slug }) => ({
+    slug,
+  }));
+}
+
+export default async function BlogPage({ params }) {
+  const blog = await getBlogBySlug(params.slug);
+  return (
+    <main className="prose mx-auto">
+      <article>
+        <h1>{blog.frontmatter.title}</h1>
+        <p>{blog.frontmatter.author}</p>
+        <p>{blog.frontmatter.publishDate}</p>
+        <article>{blog.content}</article>
+      </article>
+    </main>
+  );
+}
+