diff --git a/packages/web/app/debug/supabase/posts/PostsClient.tsx b/packages/web/app/debug/supabase/posts/PostsClient.tsx
deleted file mode 100644
index c1a67955..00000000
--- a/packages/web/app/debug/supabase/posts/PostsClient.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-/**
- * DEBUG ONLY: Client Component version using React Query
- *
- * This component is for debugging/reference purposes only.
- * Production code should use image-based components instead.
- *
- * This demonstrates the React Query pattern:
- * Supabase query function → React Query hook → Component
- */
-"use client";
-
-import { useLatestPosts } from "@/lib/hooks/debug/usePosts";
-
-export function PostsClient() {
-  const { data: posts, isLoading, error, isFetching } = useLatestPosts(10);
-
-  return (
-    <div className="mt-8 p-6 border-t-2 border-blue-200">
-      <h2 className="text-xl font-semibold mb-2 text-blue-700">
-        Client Component (React Query)
-      </h2>
-      <p className="text-sm text-gray-600 mb-4">
-        This section uses React Query hook (useLatestPosts) for client-side data
-        fetching. Data is cached and shared across components using the same
-        query key.
-      </p>
-
-      {isLoading && (
-        <div className="text-sm text-gray-500 mb-4">Loading posts...</div>
-      )}
-
-      {isFetching && !isLoading && (
-        <div className="text-sm text-blue-500 mb-4">Refetching...</div>
-      )}
-
-      {error && (
-        <div className="text-sm text-red-600 mb-4">
-          Error: {error instanceof Error ? error.message : "Unknown error"}
-        </div>
-      )}
-
-      {posts && (
-        <>
-          <div className="bg-blue-50 p-4 rounded mb-4">
-            <pre className="text-xs overflow-auto">
-              {JSON.stringify(posts, null, 2)}
-            </pre>
-          </div>
-          <div className="text-sm text-gray-500">
-            Total posts fetched: {posts.length}
-          </div>
-        </>
-      )}
-    </div>
-  );
-}
diff --git a/packages/web/app/debug/supabase/posts/page.tsx b/packages/web/app/debug/supabase/posts/page.tsx
index 2ba8086b..da4ce57b 100644
--- a/packages/web/app/debug/supabase/posts/page.tsx
+++ b/packages/web/app/debug/supabase/posts/page.tsx
@@ -5,7 +5,6 @@
  * Production code should use image-based routes instead.
  */
 import { fetchLatestPostsServer } from "@/lib/supabase/queries/debug/posts.server";
-import { PostsClient } from "./PostsClient";
 
 // Disable caching for debug page
 export const revalidate = 0;
@@ -39,9 +38,6 @@ export default async function DebugPostsPage() {
           Total posts fetched: {posts.length}
         </div>
       </div>
-
-      {/* Client Component (CSR with React Query) version */}
-      <PostsClient />
     </div>
   );
 }
diff --git a/packages/web/lib/hooks/debug/usePosts.ts b/packages/web/lib/hooks/debug/usePosts.ts
deleted file mode 100644
index 82c9c02c..00000000
--- a/packages/web/lib/hooks/debug/usePosts.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * DEBUG ONLY: React Query hook for fetching latest posts
- *
- * This hook is for debugging/reference purposes only.
- * Production code should use the main hooks instead.
- *
- * Schema update (2026-01-29): 'post' table → 'posts' table
- */
-
-import { useQuery } from "@tanstack/react-query";
-import { fetchLatestPosts } from "@/lib/supabase/queries/debug/posts";
-import type { PostRow } from "@/lib/supabase/types";
-
-export function useLatestPosts(limit = 10) {
-  return useQuery<PostRow[]>({
-    queryKey: ["posts", "latest", limit],
-    queryFn: () => fetchLatestPosts(limit),
-  });
-}