.

src/components/article/article-card.tsx

@@ -0,0 +1,18 @@
+import { appRoutes } from "@/config";
+import { Article } from "@/server/db/schema";
+import Link from "next/link";
+import React from "react";
+
+function ArticleCard({
+  title,
+  slug,
+  createdAt,
+}: Pick<Article, "title" | "slug" | "createdAt">) {
+  return (
+    <Link href={appRoutes.article(slug)}>
+      <div className="rounded-md border p-4">{title}</div>
+    </Link>
+  );
+}
+
+export default ArticleCard;