강의에서 진행한 코드

https://github.com/lopun-lecture/inflearn-supabase-note/commit/6a4553e47619df4ea87bcd77ff02da3d8940674b

Supabase 설치

npm i --save @supabase/supabase-js

.env 파일에 supabase url, supabase anon key 넣기

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=

package.json에 generate-types 커맨드 추가하기

{
  "scripts": {
    # ...
    "generate-types": "npx supabase gen types typescript --project-id [project_id] --schema public > types_db.ts"
  }
}

터미널에서 Supabase 로그인 진행 & generate-types 진행

npx supabase login
npm run generate-types

Supabase client 생성

import { createClient } from "@supabase/supabase-js";
import { Database } from "../types_db";

const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL as string;
const supabaseKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY as string;

export const supabase = createClient<Database>(supabaseUrl, supabaseKey);