supabase type 설정 (next.js)

1. supabase package 다운받기
2. npm i supabase@">=1.8.1" --save-dev
3. yarn add supabase@">=1.8.1" --save-dev

1. supabase login
2. npx supabase login

3.supabase 파일 생성

슈퍼베이스 프로젝트를 가져와 초기화 시켜주며 아래의 파일들을 생성해준다.
( 해당 작업은 리액트 또는 next 프로젝트 안에 들어가서 작업해주어야 한다. )

npx supabase init

 

4.types 폴더 src 폴더 밖에 만들고 supabase.ts파일 만든다

 

 

types폴더에 supabase.ts 파일 생성하기

("$PROJECT_REF"지우고 supabase/settings/General 에 있는 Reference ID 붙여놓는다)

npx supabase gen types typescript --project-id "$PROJECT_REF" --schema public > types/supabase.ts