1. 프로젝트 루트에서 npm install @supabase/supabase-js 설치

2. lib/supabaseClent.ts 파일 생성

3. supabase > Settings > Data API : Project URL & API Key 복사

4. .env.local 파일에 붙여넣기

NEXT_PUBLIC_SUPABASE_URL: URL값 입력

NEXT_PUBLIC_SUPABASE_ANON_KEY: API Key값 입력

5. 코드 예시

"use client";
import { useEffect, useState } from "react";
import { supabase } from "@/lib/supabaseClent";

export default function Postgre() {
  const [posts, setPosts] = useState<any[]>([]);
  useEffect(() => {
    const fetchPosts = async () => {
      const { data, error } = await supabase.from("fravel_member").select("*");

      if (error) {
        console.error("데이터를 가져오는데 실패했습니다:", error);
        return;
      }

      setPosts(data);
    };

    fetchPosts();
  }, []);