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

React

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

aotoyae 2024. 3. 7. 21:21

728x90

패키지 설치

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

React의 활용은 개발자가 웹 애플리케이션의 인터페이스를 구성하는 방식을 크게 변화시켰습니다. 컴포저블 구조와 선언적 언어는 상호작용적이고 생동감 넘치는 사용자 인터랙션을 제작할 수

new.atsit.in

🔗 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 가져오기

Supabase 패키지 설치 Supabase에 프로젝트를 만들었으니 이어서 패키지를 설치해주자. 나는 yarn을 사용하기 때문에 yarn으로 설치해줬다.

velog.io

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

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

Supabase는 구글 Firebase를 엔터프라이즈 레벨에서도 사용 가능하도록 만든 오픈소스 프로젝트이다. 현재는 베타 서비스이다.

www.peterkimzz.com