+ {posts.data == undefined ?
+
:
+ <>
+ {posts.data.map((post) => (
+
+
+
+ {post.title}
+ {post.date && {post.date}
}
+ {post.description && {post.description}
}
+
+
+
+ ))}
+
+ >
+ }
+
+ )
+}
diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx
new file mode 100644
index 0000000..ae158e0
--- /dev/null
+++ b/src/app/blog/[slug]/page.tsx
@@ -0,0 +1,40 @@
+import { notFound } from "next/navigation";
+import { MDXRemote } from "next-mdx-remote/rsc";
+import { TRPCError } from "@trpc/server";
+import { servTrpc } from "~/app/_trpc/ServerClient";
+
+type Props = {
+ params: Promise<{ slug: string }>;
+};
+
+export default async function BlogPostPage({ params }: Props) {
+ const { slug } = await params;
+
+ let post: Awaited