Show author name and timestamp on post list and detail pages

- Join profiles table to fetch author display_name for Supabase posts
- Display author name and ko-KR formatted timestamp in DynamicPostView (detail)
- Map author_name in SupabasePostsWithFilter (list) PostCard

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: Yushin-L

src/components/posts/DynamicPostView.tsx

@@ -54,7 +54,14 @@ export default function DynamicPostView({ slug }: DynamicPostViewProps) {
         </h1>
         <div className="mt-4 flex flex-wrap items-center gap-3">
           <span className="text-sm text-stone-500">
-            {post.created_at.split("T")[0]}
+            {post.author_name ? `${post.author_name} · ` : ""}
+            {new Date(post.created_at).toLocaleString("ko-KR", {
+              year: "numeric",
+              month: "2-digit",
+              day: "2-digit",
+              hour: "2-digit",
+              minute: "2-digit",
+            })}
           </span>
           <div className="flex gap-2">
             {post.tags?.map((tag) => (

src/components/posts/SupabasePostsWithFilter.tsx

@@ -12,8 +12,14 @@ function draftToPost(draft: PostDraft): Post {
     frontmatter: {
       title: draft.title,
       description: "",
-      date: draft.created_at.split("T")[0],
-      author: "",
+      date: new Date(draft.created_at).toLocaleString("ko-KR", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+      }),
+      author: draft.author_name ?? "",
       tags: draft.tags ?? [],
     },
     content: draft.body,

src/lib/drafts/published.ts

@@ -4,34 +4,54 @@ import type { PostDraft } from "@/lib/supabase/types";
 export async function getPublishedPosts(): Promise<PostDraft[]> {
   const { data, error } = await supabase
     .from("post_drafts")
-    .select("*")
+    .select("*, profiles:author_id(display_name)")
     .eq("status", "published")
     .order("created_at", { ascending: false });
 
   if (error) throw error;
-  return (data as PostDraft[]) ?? [];
+  return (
+    (data ?? []).map((row: Record<string, unknown>) => {
+      const profiles = row.profiles as { display_name: string } | null;
+      return {
+        ...row,
+        author_name: profiles?.display_name ?? "",
+        profiles: undefined,
+      } as PostDraft;
+    })
+  );
+}
+
+function mapRowWithAuthor(row: Record<string, unknown>): PostDraft {
+  const profiles = row.profiles as { display_name: string } | null;
+  return {
+    ...row,
+    author_name: profiles?.display_name ?? "",
+    profiles: undefined,
+  } as PostDraft;
 }
 
 export async function getPublishedPostBySlug(
   slugOrId: string
 ): Promise<PostDraft | null> {
+  const selectFields = "*, profiles:author_id(display_name)";
+
   // Try by slug first
   const { data: bySlug } = await supabase
     .from("post_drafts")
-    .select("*")
+    .select(selectFields)
     .eq("slug", slugOrId)
     .eq("status", "published")
     .maybeSingle();
 
-  if (bySlug) return bySlug as PostDraft;
+  if (bySlug) return mapRowWithAuthor(bySlug as Record<string, unknown>);
 
   // Fallback to id
   const { data: byId } = await supabase
     .from("post_drafts")
-    .select("*")
+    .select(selectFields)
     .eq("id", slugOrId)
     .eq("status", "published")
     .maybeSingle();
 
-  return (byId as PostDraft) ?? null;
+  return byId ? mapRowWithAuthor(byId as Record<string, unknown>) : null;
 }

src/lib/supabase/types.ts

@@ -37,6 +37,7 @@ export interface PostDraft {
   status: DraftStatus;
   created_at: string;
   updated_at: string;
+  author_name?: string;
 }
 
 export interface Comment {