[BaaS/TS] Supabase - Supabase CLI로 Database의 타입 생성하기

이분 블로그에서도 참고 가능

https://velog.io/@1003gorkd/supabase-%EC%B4%88%EA%B8%B0-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0-feat.-typescript

supabase 초기 설정하기 feat. typescript

 

 

+ 

근데 

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

NextJS + TypeScript + Supabase 설정

위 블로그내용처럼 긴 명령어 없이도

supabase 대시보드 - API Docs 에서 -  Tables and Views 의 Introduction 의 Generate and download types 를 통해

바로 .ts 파일로 다운받을 수도 있다 !!

이 방법이 훨씬 간단한 듯 

 

---

(수정 예정)
https://supabase.com/docs/guides/api/rest/generating-types

Generating TypeScript Types | Supabase Docs

 

npm i supabase --save-dev

yarn add -D supabase

 

 

npx supabase login

yarn supabase login

 

access tokens

https://supabase.com/dashboard/account/tokens

Access Tokens | Supabase

 

ide terminal : supabase login

토큰 입력

 

 

npx supabase gen types typescript --project-id <프로젝트 ID> --schema public > <경로>

yarn supabase gen types typescript --project-id <프로젝트 ID> --schema public > <경로>

// <>까지 적으면 안됩니다..!    public 뒤의 > 꺽새는 진짜 들어가는 거에욤



그리고 이 명령어가 기니까 
package.json 에 script 에 등록해놓고 사용하는게 좋을 듯하다
아래는 예시

"scripts": {
  "gen-types": "supabase gen types typescript --project-id <프로젝트 ID> --schema public > <경로>
}

( <프로젝트 id> , <경로> 에 맞게 입력

만약 schema public 이 아니라면 public도 변경해줘야 하는 거 같다

 

<경로> 는 types/supabase/posts-type.ts   처럼 폴더명 ~ 파일명까지 원하는 경로를 적어주면 알아서 해당 파일이 생성되면서 내 프로젝트 데이터베이스에 대한 타입들이 작성된다.)

 

 

 

 

 

프로젝트 id :  supabase 대시보드에서 Project Settings  - General settings의 Referene ID

 

혹은 프로젝트 대시보드 화면에서 url 확인가능 : https://supabase.com/dashboard/project/<프로젝트 ID>