.

src/components/post/MarkdownRenderer.tsx

@@ -0,0 +1,14 @@
+// src/components/post/MarkdownRenderer.tsx
+import ReactMarkdown from 'react-markdown';
+
+interface MarkdownRendererProps {
+  content: string;
+}
+
+export default function MarkdownRenderer({ content }: MarkdownRendererProps) {
+  return (
+    <div className="prose prose-slate max-w-none prose-headings:font-bold prose-a:text-blue-600 hover:prose-a:text-blue-500 prose-img:rounded-xl">
+      <ReactMarkdown>{content}</ReactMarkdown>
+    </div>
+  );
+}