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

마지막 시간입니다. 로컬에 있던 데이터베이스를 Supabase로 옮기고, 프론트엔드는 Vercel에 배포해서 친구도 접속할 수 있는 진짜 웹 서비스로 마무리합니다. Supabase MCP를 커서에 연결해 프로젝트 생성과 스키마 마이그레이션을 명령 한 줄로 진행하고, Google 로그인까지 온라인에서 정상 동작하도록 환경변수와 리디렉트 URL을 한 번에 정리합니다. [도서 구매][Yes24] : https://www.yes24.com/product/goods/183530330 [도서 구매][교보] : https://product.kyobobook.co.kr/detail/S000219518985 오픈카톡방 : 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