[강의] 284~쪽 구글 로그인이 되는 게시판 만들기(2) ━ 슈파베이스, vercel 배포(끝)

마지막 시간입니다. 로컬에 있던 데이터베이스를 Supabase로 옮기고, 프론트엔드는 Vercel에 배포해서 친구도 접속할 수 있는 진짜 웹 서비스로 마무리합니다. Supabase MCP를 커서에 연결해 프로젝트 생성과 스키마 마이그레이션을 명령 한 줄로 진행하고, Google 로그인까지 온라인에서 정상 동작하도록 환경변수와 리디렉트 URL을 한 번에 정리합니다.

[도서 구매][Yes24] : https://www.yes24.com/product/goods/183530330
[도서 구매][교보] : https://product.kyobobook.co.k....r/detail/S0002195189
오픈카톡방 : https://open.kakao.com/o/ggK7EAJh

타임라인
0:00 오늘의 목표: DB 배포 + 프론트 배포 + 구글 로그인 마무리
1:03 데이터베이스부터 배포하는 이유와 Supabase MCP 소개
2:32 커서에 Supabase MCP 설치하고 인증 연결하기
5:36 MCP로 Supabase 프로젝트 새로 만들기 (서울 리전)
7:02 로컬 DB 스키마를 Supabase로 마이그레이션 (이사)
10:43 마이그레이션 결과 확인과 anon key 환경변수 연결
13:53 게시글 등록이 안 되는 문제 → 환경변수 입력으로 해결
14:19 Supabase Authentication에 Google Provider 등록
15:55 Site URL과 Redirect URL 설정 (브로커 구조 이해)
18:13 더미 데이터 정리 후 구글 로그인 테스트
20:14 Prisma 잔재였던 account/user 테이블 정리
22:43 프론트엔드 배포 준비: GitHub 리포지토리에 푸시
24:22 Vercel 프로젝트 임포트 + 환경변수(URL/anon key) 입력
27:31 배포 후 Supabase Site URL을 Vercel 주소로 갱신
29:39 배포된 주소에서 구글 로그인 + 글쓰기 최종 테스트
32:32 데이터가 Supabase에 실시간으로 쌓이는 것 확인
33:30 시리즈 마무리 인사와 이후 후원자 콘텐츠 안내

#커서 #CursorAI #Supabase #SupabaseMCP #MCP #Vercel #배포 #웹개발 #풀스택 #NextJS #프리즈마 #Prisma #구글로그인 #OAuth #환경변수 #스터디커뮤니티 #바이브코딩 #AI코딩 #개발강의 #데이터베이스 #마이그레이션 #프론트엔드 #백엔드 #SaaS