Next.js Supabase 연결 방법: App Router 설정과 데이터 조회
Next.js App Router에 Supabase를 연결하고 publishable key, GRANT, RLS를 설정해 공개 데이터를 조회하며 빈 목록과 권한 오류를 구분합니다.
HTTP·API·데이터베이스·인증의 공통 기초를 살펴보고, Firebase와 Supabase의 실제 사용법으로 이어갑니다.
총 29개의 글
Next.js App Router에 Supabase를 연결하고 publishable key, GRANT, RLS를 설정해 공개 데이터를 조회하며 빈 목록과 권한 오류를 구분합니다.
Supabase, Neon, Firebase SQL Connect의 데이터베이스·인증·API 책임을 비교하고 TaskFlow에 맞는 백엔드 선택 기준과 보안 책임을 정리합니다.
Firebase Auth unauthorized-domain 오류에서 프로젝트 ID와 접속 호스트를 대조하고, Authorized domains 한 곳을 수정해 같은 로그인 시나리오로 재검증합니다.
permission-denied를 재현한 요청과 소유자 규칙·쿼리를 짝지어 수정합니다. Firestore Rules는 결과에서 비허용 문서만 걸러주지 않습니다. 요청이 허용되는 범위만 읽는다는 것을 쿼리가 증명해야 합니다. 로…
Firebase 오류를 제품·요청·권한 주체로 분류하고 알맞은 해결 글로 이동합니다. 먼저 어느 요청이 실패했는지 고정하세요. “Firebase가 안 된다”를 코드 한 조각으로 해결하려 하면 서로 다른 제품의 설정을 바꾸게 됩…
Storage 업로드 실패에서 CORS·인증·버킷 설정을 분리하고 필요한 CORS만 수정합니다. CORS는 브라우저가 다른 출처 응답을 읽을 수 있는지 정하는 정책입니다. Storage Rules가 허용할 사용자와 객체를 정하…
Storage 이미지의 객체 경로·다운로드 링크·권한 실패를 구분합니다. 이미지가 깨지면 DB의 문자열을 임의로 고치기 전에 bucket과 객체 경로를 확인하세요. SDK로 얻은 다운로드 URL과 인증된 객체 요청은 보안 의미…
인덱스 삭제 질문의 의미를 읽고 실행 중인 쿼리와 비교해 보존·삭제를 결정합니다. Would you like to delete these indexes?는 로컬 정의와 원격 인덱스 차이를 정리할지 묻는 질문입니다. 필요 여부를…
리뷰 시드의 재현성·중복 방지·조회 검증 기준을 설계합니다. 좋은 시드는 실제 고객처럼 보이는 문장보다 테스트할 경계값이 명확해야 합니다. 일정한 ID와 기준 시각을 사용하면 재실행 전후 문서 수와 정렬을 비교할 수 있습니다.
Hosting과 Functions ignore의 기준 디렉터리를 구분하고 필요한 런타임 파일을 보존합니다. Firebase 배포 제외는 해당 제품의 firebase.json 설정에서 관리합니다. Hosting의 public과…
무엇을 도와드릴까요?
이 글과 함께 공부하기
읽다가 막힌 부분을 물어보세요. 이 글을 바탕으로 설명하고, 이어서 읽을 본문을 연결합니다.