Supabase로 사진·글 직접 바꾸는 5단계

이 책을 끝내면 내 사이트의 사진과 글을 개발자 없이 Supabase에서 직접 고치고 새로고침만으로 반영할 수 있습니다.

이런 분께 맞습니다

• Vibe coding(AI와 대화하며 코드를 만드는 방식)으로 랜딩페이지를 만들었고, 이제 그 페이지의 글과 사진을 스스로 관리하고 싶은 분

• 터미널을 직접 쓰지 않는 것을 전제로 합니다.

• 이 책은 AI와 함께 만든 내 코드에 Supabase를 연결합니다. 아임웹·윅스처럼 코드를 직접 고칠 수 없는 빌더로 만든 사이트는 이 책의 대상이 아닙니다. 외주로 만든 사이트라면 코드를 받아 직접 고칠 수 있는지 먼저 확인해 주세요.

이 책의 구성

• 0. 준비 - 창고(Supabase)와 진열장(Vercel)

• 1. Supabase 프로젝트 만들고 열쇠 받기

• 2. .env 파일에 열쇠 넣기

• 3. 표(테이블) 만들기

• 4. 사진을 Storage에 올리고 주소를 표에 넣기

• 5. 배포하기

• 6. 고치고 나서 다시 배포하기

• 부록: SQL 전문과 프롬프트

빈 상태에서 처음부터 다시 만들면서 찍은 실제 화면 캡처 39장을 따라갑니다. 예상 소요는 1.5-2시간입니다(계정·프로젝트 준비 상태에 따라 다름).

이 책이 다루지 않는 것

방문자 로그인이나 입력 폼을 새로 붙이는 것은 다루지 않습니다. 붙이게 되면 접근 권한 설정(RLS)이 달라져 이 책의 절차만으로는 막힐 수 있습니다.

받는 파일

PDF 1개(36쪽)를 결제 즉시 내려받습니다.

미리보기

본문 5쪽(1장 첫 쪽)과 8쪽(실제 화면 캡처로 따라가는 쪽)입니다. 캡처 속 키와 주소는 가려져 있습니다.

구매 전에 확인해 주세요

• 이 책은 화면을 따라 하며 내 사이트에 적용하는 실행용 가이드입니다. 매출이나 성과를 약속하지 않습니다.

• Supabase·Vercel 화면은 서비스 업데이트로 바뀔 수 있습니다.

• 디지털 파일 특성상 다운로드를 시작한 뒤에는 청약철회가 제한됩니다. 위 미리보기로 내용을 먼저 확인해 주세요.