feat: add project thumbnail generator

2026-10-24 11:53:58 +07:00 · 2024-02-24 04:38:19 +00:00
parent 751210c819
commit fc1c1f4e29
6 changed files with 591 additions and 3 deletions
@@ -16,7 +16,11 @@ const ProjectCard = ({ project }: Props) => {
      href={`/${project.slug}`}
      className="border border-white/20 hover:border-white/40 rounded-lg transition-colors overflow-hidden"
    >
-      <div className="w-full aspect-[3/2] bg-gray-900"></div>
+      <img
+        src={`/api/thumbnail/${project.slug}`}
+        className="w-full aspect-[3/2] bg-background object-cover"
+      />
+
      <div className="py-2 px-3 flex items-center gap-3">
        <div className="size-8 rounded-full bg-white/80"></div>
        <div>