[TIL029] Supabase 설치 및 설정 방법

20240603 29일차

Supabase

Supabase는 실시간 데이터베이스와 인증, 스토리지, 서버리스 기능을 제공하는 오픈 소스 백엔드 서비스이다.
Supabase는 Firebase의 오픈 소스 대안으로서, 개발자들이 클라우드 애플리케이션을 더 쉽게 구축하고 관리할 수 있도록 돕는다.

특징

실시간 데이터베이스
인증 및 권한 관리
스토리지
서버리스 함수

Supabase 설치

• npm

npm install @supabase/supabase-js

• yarn

yarn add @supabase/supabase-js

Supabase 설정

1. 프로젝트의 루트 디렉토리에 .env 파일을 만들어 Supabase 프로젝트 URL과 익명 키를 저장한다.

REACT_APP_SUPABASE_URL=your-supabase-url
REACT_APP_SUPABASE_ANON_KEY=your-anon-key

2. src/supabaseClient.js 파일을 생성하여 Supabase 클라이언트 설정을 한다.

import { createClient } from '@supabase/supabase-js'
const supabaseUrl = process.env.REACT_APP_SUPABASE_URL
const supabaseAnonKey = process.env.REACT_APP_SUPABASE_ANON_KEY
export const supabase = createClient(supabaseUrl, supabaseAnonKey)

3. 이제 Supabase 대시보드에서 새로운 테이블을 생성할 수 있다. 테이블을 만들어 사용자 정보를 저장할 수 있다.