React+ Supabase 통합 오류 주문 insert 어드민 패널 연동, 이메일 전송 모두 실패 (해결 시 7만원 사례 드립니다)

Question

안녕하세요, 프론트엔드 개발 중인 비전공자입니다.Supabase와 React를 연동한 웹사이트를 구축하고 있으며, 며칠째 주요 기능들이 작동하지 않아 작업이 전면 중단된 상황입니다.현재 겪고 있는 주요 문제들:React에서 Supabase orders 테이블로의 데이터 insert가 silent하게 실패submitOrder 함수 실행 시 에러 없음Supabase 대시보드에도 데이터 저장되지 않음회원가입된 사용자 정보가 Supabase members 테이블에 저장되지 않음유저가 회원가입을 완료해도 어드민 패널에서 조회 불가Supabase Auth는 사용 중AdminPanel.tsx에서 데이터 연동이 제대로 안 됨주문 정보, 유저 정보 모두 실시간 반영되지 않음이메일 인증/코드 전송이 작동하지 않음Magic link 또는 인증용 메일이 유저에게 발송되지 않음Supabase SMTP 설정도 의심 중사용 기술 스택:React (TypeScript)Supabase (Auth, Database, Edge Functions 일부)Bolt AI 기반 개발환경 (StackBlitz 유사)@supabase/supabase-js 버전: 2.39.5현재 insert 코드 (대표 예시):ts복사편집const submitOrder = async () => { const { data, error } = await supabase .from("orders") .insert([ { email: formData.email, phone: formData.phone, address: formData.address, customs_assistance: formData.customsAssistance, created_at: new Date().toISOString(), }, ]);console.log("result:",{ data, error });};위 함수 실행 시 콘솔에는 data, error 모두 null/undefinedSupabase 대시보드에는 아무것도 반영되지 않음테이블 컬럼 타입은 모두 정상 확인됨 (boolean, string, timestamp 등)현재 전체 코드 프로젝트:👉 CodeSandbox 링크추가 정보:Supabase에서 public insert 권한 설정 완료RLS는 비활성화 상태테이블 수동 insert는 정상 동작Magic link 메일도 유저에게 도달하지 않음AdminPanel.tsx에 데이터가 연동되지 않음필요하신 경우, Supabase 프로젝트 접속 정보도 제공 가능합니다(권한 설정 또는 구조 확인을 위해 한시적으로 공유 가능)해결해주신 분께는 사례로 7만원 (PayPal, 토스, 카카오페이 등)을 드릴 예정입니다.작은 힌트라도 감사히 받겠습니다. 정말 감사합니다.

프로폴리스 · Answer

파베 같은 경우에는 대부분 권한 문제로 시작하는데..접근 권한은 확실하게 확인 하신 거 맞지요?"테이블 수동 insert는 정상 동작" 이 무슨 말 인지 모르겠습니다. supabase 의 대시보드로 들어가 직접 등록은 되었다는 뜻 인가요?각설하고,다시 한번 권한 체크(아주 간단한 db를 파서 대충 CURD를 해 본다) 해 봅니다.supabase에 리엑트가 붙었는지를 먼저 보아야 할 거 같습니다.formData 값이 존재 하는지 확인하여보세요(빈 값 방지 같은? 제약조건?)"orders" 가 존재 하는지 확인하여보세요.

React+ Supabase 통합 오류 주문 insert 어드민 패널 연동, 이메일 전송 모두 실패 (해결 시 7만원 사례 드립니다)

1개의 답변

#react 목록