[React/TS] supabase 시작하기 + Type Script

 

 

패키지 설치

npm i @supabase/supabase-js

 

.env 에 키 넣기

VITE_SUPABASE_URL= URL

VITE_SUPABASE_KEY = KEY

 

config.ts

process.env 가 아니라 import.meta.env 로 호출

 

import { SupabaseClient, createClient } from '@supabase/supabase-js';

const supabaseUrl = import.meta.env.VITE_SUPABASE_URL as string;
const supabaseKey = import.meta.env.VITE_SUPABASE_KEY as string;

export const supabase: SupabaseClient = createClient(supabaseUrl, supabaseKey);

 

 

 

🔗 https://new.atsit.in/5847/

Supabase 클라우드 스토리지로 CRUD React 애플리케이션을 구축하는 방법 – All Things N

🔗 https://velog.io/@liabin124/React-%EC%B5%9C%EC%A2%85-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-Supabase2

[최종 프로젝트 - React with typescript] Supabase(2)_DB 가져오기

🔗 https://www.peterkimzz.com/supasbase-overview

Firebase를 대체할 오픈소스 프로젝트, Supabase

🔗 https://velog.io/@sanghyeon/NextJS-TypeScript-Supabase-%EC%84%A4%EC%A0%95

NextJS + TypeScript + Supabase 설정

🔗 https://velog.io/@psst54/4-supabase%EC%97%90%EC%84%9C-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EB%B6%88%EB%9F%AC%EC%98%A4%EA%B8%B0

#4 supabase에서 데이터 불러오기

🔗 https://ramincoding.tistory.com/entry/Supabase-Supabase-%EB%A1%9C-%EB%B0%B1%EC%97%94%EB%93%9C-%EC%97%86%EC%9D%B4-Database-%EA%B5%AC%EC%B6%95%ED%95%98%EA%B8%B0%EA%B8%B0%EB%B3%B8-%EC%82%AC%EC%9A%A9%EB%B2%95

[Supabase] Supabase 로 백엔드 없이 Database 구축하기(기본 사용법)