Chore/supabase

package.json

@@ -25,6 +25,7 @@
   "dependencies": {
     "@fontsource/pretendard": "^5.2.5",
     "@radix-ui/react-slot": "^1.2.3",
+    "@supabase/supabase-js": "^2.75.0",
     "@tanstack/react-query": "^5.90.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

src/app/_debug/page.tsx

@@ -0,0 +1,27 @@
+// app/debug/page.tsx
+"use client";
+
+import { supabase } from "@/app/lab/supabaseClient";
+import { useEffect, useState } from "react";
+
+export default function DebugPage() {
+  const [state, setState] = useState<{ hasSession: boolean; error: unknown }>({
+    hasSession: false,
+    error: null,
+  });
+
+  useEffect(() => {
+    (async () => {
+      const { data, error } = await supabase.auth.getSession();
+      setState({ hasSession: !!data.session, error });
+    })();
+
+    // 세션 변화도 같이 로그
+    const { data: sub } = supabase.auth.onAuthStateChange((_evt, session) => {
+      setState({ hasSession: !!session, error: null });
+    });
+    return () => sub.subscription.unsubscribe();
+  }, []);
+
+  return <pre style={{ whiteSpace: "pre-wrap" }}>{JSON.stringify(state, null, 2)}</pre>;
+}

src/app/lab/supabaseClient.ts

@@ -0,0 +1,7 @@
+// lab/supabaseClient.ts
+import { createClient } from "@supabase/supabase-js";
+
+export const supabase = createClient(
+  process.env.NEXT_PUBLIC_SUPABASE_URL!,
+  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+);