Next.js, Supabase 기반 나만의 블로그 만들기

개발을 위한 더 나은 방법: 타입 생성 (TypeScript)

Next.js와 TypeScript를 사용하신다면, 테이블 구조에 맞는 타입을 직접 타이핑할 필요가 없습니다. Supabase CLI를 쓰면 테이블 구조를 자동으로 분석해 타입을 만들어줍니다.

# Supabase CLI 설치
npm install -g supabase

# 로그인 (Supabase 프로젝트 URL 사용)
supabase login

# 타입 생성 (프로젝트 아이디 필요)
supabase gen types typescript --project-id "your-project-id" > src/types/supabase.ts

이렇게 하면 select 쿼리 결과에 자동으로 타입이 지정되어, data.title과 같이 코딩할 때 자동완성을 완벽하게 쓸 수 있습니다.