한눈에

Next.js에서 Supabase로 데이터를 읽고 로그인하는 흐름입니다.

한 줄로

Supabase는 Postgres 데이터베이스를 열어 두고, 그 위에 로그인, 자동 API, 파일 저장, 실시간 구독을 붙인 백엔드다.

이 강좌는 Next.js 앱에서 그 API를 부르는 방법이다. 테이블, SQL, 정규화, 인덱스는 PostgreSQL 강좌에서 다룬다.

시작 전에

  • Next.js에서 서버 컴포넌트와 'use client'를 구분할 수 있다.
  • 환경 변수를 .env.local에 두고 Git에 올리지 않을 수 있다. 방법은 GitHub · 파일과 실수에 있다.

이 묶음에서 다루는 것

단원 내용
개념 프로젝트, 키 두 종류, Row Level Security
연결 패키지, 환경 변수, 브라우저 클라이언트와 서버 클라이언트
읽기·쓰기 select, insert, 정책이 없으면 빈 결과인 이유
인증·키 이메일 로그인, 세션 갱신, 서버에만 둘 키

패키지 이름과 키 변수는 바뀐 적이 있다. 명령이 다르면 Supabase Next.js 클라이언트 문서 (새 창)를 우선한다. @supabase/auth-helpers-nextjs는 더 이상 쓰지 않는다.