import { createServerClient } from "@supabase/ssr"; import { cookies } from "next/headers"; /** * [서버 컴포넌트용 Supabase 클라이언트 생성 함수] * * 이 함수는 Next.js의 SSR(서버 사이드 렌더링) 환경에서 Supabase에 접근할 때 사용합니다. * 서버 컴포넌트, 서버 액션(Server Actions), 라우트 핸들러(Route Handlers)에서 호출됩니다. */ export async function createClient() { // Next.js의 쿠키 저장소에 접근합니다. (await 필수) const cookieStore = await cookies(); /** * createServerClient: 서버 환경에서 안전하게 Supabase 클라이언트를 생성합니다. * 첫 번째 인자: Supabase 프로젝트 URL * 두 번째 인자: Supabase 익명(Anon) 키 (공개되어도 안전한 키) * 세 번째 인자: 쿠키 제어 옵션 */ return createServerClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, { cookies: { // 1. Supabase가 쿠키를 읽어야 할 때 실행됩니다. // 현재 요청(Request)에 있는 모든 쿠키를 가져와서 Supabase에 전달합니다. getAll() { return cookieStore.getAll(); }, // 2. Supabase가 쿠키를 새로 써야 할 때(로그인, 로그아웃, 토큰 갱신 등) 실행됩니다. setAll(cookiesToSet) { try { // Supabase가 요청한 쿠키들을 하나씩 브라우저에 저장하도록 설정합니다. cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options) ); } catch { // [주의] 이 부분은 '서버 컴포넌트'에서 쿠키를 쓰려고 할 때 발생하는 에러를 무시하기 위함입니다. // Next.js 규칙상 '서버 컴포넌트'는 렌더링 중에 쿠키를 직접 쓸 수 없습니다. // 대신 미들웨어(middleware)가 토큰 갱신을 담당하므로 여기서는 에러를 무시해도 안전합니다. } }, }, } ); }