48 lines
2.1 KiB
TypeScript
48 lines
2.1 KiB
TypeScript
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)가 토큰 갱신을 담당하므로 여기서는 에러를 무시해도 안전합니다.
|
|
}
|
|
},
|
|
},
|
|
}
|
|
);
|
|
}
|