20 lines
870 B
TypeScript
20 lines
870 B
TypeScript
|
import { createBrowserClient } from "@supabase/ssr";
|
||
|
|
|
||
|
|
/**
|
||
|
|
* [클라이언트 컴포넌트용 Supabase 클라이언트 생성 함수]
|
||
|
|
*
|
||
|
|
* 이 함수는 브라우저(Front-end)에서 동작하는 컴포넌트(useEffect, onClick 등)에서 사용합니다.
|
||
|
|
* @supabase/ssr 패키지의 createBrowserClient를 사용하면 알아서 브라우저 쿠키를 관리해줍니다.
|
||
|
|
*/
|
||
|
|
export function createClient() {
|
||
|
|
/**
|
||
|
|
* createBrowserClient: 브라우저 환경에 최적화된 싱글톤(Singleton) 클라이언트를 반환합니다.
|
||
|
|
* - 브라우저는 보안상 'service_role' 같은 비밀 키를 절대 사용하면 안 됩니다.
|
||
|
|
* - 반드시 'NEXT_PUBLIC_'으로 시작하는 URL과 ANON KEY만 사용해야 합니다.
|
||
|
|
*/
|
||
|
|
return createBrowserClient(
|
||
|
|
process.env.NEXT_PUBLIC_SUPABASE_URL!,
|
||
|
|
process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
|
||
|
|
);
|
||
|
|
}
|