[Claude] 살아있는 서비스로 마무리하기·4강 자료 - Storage·Realtime·OAuth·API

Supabase OAuth·Storage 연결 프롬프트.md

마크다운 자료 · 본문에 다운로드 링크 포함

Supabase OAuth·Storage 연결 프롬프트

내 사이트에 소셜 로그인과 파일 업로드를 붙여줘.

목표:
- 사용자는 Google 같은 소셜 계정으로 로그인한다.
- 로그인한 사용자는 이미지나 파일을 업로드할 수 있다.
- 업로드한 파일 URL은 Supabase DB row와 연결한다.

진행 순서:
1. 현재 프로젝트의 Supabase 설정과 로그인 구현 여부를 확인한다.
2. OAuth provider 설정에서 확인해야 할 항목을 체크리스트로 알려준다.
3. 파일을 담을 Storage bucket 이름과 공개/비공개 정책을 제안한다.
4. 업로드 대상 하나를 고른다. 예: 프로필 이미지, 작품 썸네일, 첨부 PDF.
5. 업로드 UI를 만든다.
6. 업로드 성공 후 DB에 파일 경로 또는 public URL을 저장한다.
7. 로그인하지 않은 사용자는 업로드 버튼 대신 로그인 안내를 보게 한다.
8. service role key는 브라우저에 절대 넣지 않는다.
9. 로컬 확인, Vercel 환경변수, 배포 후 확인 항목을 정리한다.

설명은 초보자 눈높이로 해줘. Storage는 "창고", OAuth는 "소셜 회원증"으로 비유해서 설명해줘.