[TIL #32] supabase 설정

차슈·2024년 6월 5일

TIL

목록 보기
33/70
post-thumbnail

supabase를 공통으로 사용하지만, 코드가 달라서 merge할때 꼬이게 되어버린 사건이다...

supabase를 사용하려면, .sppabaseClient.js를 생성하여 이렇게 넣어준다.

이 부분은 git에 올려져도 되니 괜찮다!

env파일은 import.meta.env 사용해야하는거 잊지말기

import { createClient } from "@supabase/supabase-js";
const SUPABASE_PROJECT_URL = import.meta.env.VITE_SUPABASE_URL;
const SUPABASE_API_KEY = import.meta.env.VITE_SUPABASE_KEY
const supabase = createClient(SUPABASE_PROJECT_URL, SUPABASE_API_KEY);
export default supabase;

이 코드는 팀원들과 상의해서 짜는게 좋다..
이름이 다르면 연결이 서로 안되는 이슈가 있어요

//.env.local
VITE_SUPABASE_URL = "MY_SUPABASE_URL"
VITE_SUPABASE_KEY = "MY_SUPABASE_KEY"

supabase 의 계정 정보(api_key포함) 등 보안이 필요한 정보들은 .env.local 파일에 담아서 사용. 개개인이 모두 작성해야한다.

root directory 에 .env.local을 만들어서 사용하기
키는 문자열이 아니여도 되지만, 문자열인게 더 좋다고 하셨다

0개의 댓글