어드민 대시보드 (간단) — Pocketbase

Pocketbase가 뭔가요?

Pocketbase는 어드민 대시보드, 데이터베이스, 인증, 파일 저장소가 하나의 파일에 들어있는 백엔드 도구입니다.

pocketbase (실행 파일 하나)
  ├─ 어드민 UI    → /admin 에서 브라우저로 접속
  ├─ DB           → SQLite (파일 하나로 저장)
  ├─ 인증         → 이메일/비밀번호, OAuth
  ├─ 파일 저장    → 사진, 첨부파일
  └─ REST API     → 홈페이지 JS에서 데이터 가져오기

적합한 경우

• 메뉴·공지·이벤트를 직접 코드 수정 없이 관리하고 싶을 때
• 문의 폼 데이터를 저장하고 어드민에서 보고 싶을 때
• 예약 리스트를 관리하고 싶을 때

---

1. 로컬에서 먼저 실행해보기

Claude Code 대화창에:

Claude Code가:

1. Pocketbase 최신 바이너리를 받아 pb/ 폴더에 저장
2. ./pocketbase serve 로 실행

실행되면 브라우저에서 http://127.0.0.1:8090/_/ 접속 → 어드민 계정 생성.

어드민 대시보드 첫 화면

Collections  ← 데이터 종류 (메뉴, 공지, 예약...)
Users        ← 회원 관리
Logs         ← API 요청 기록
Settings     ← 이메일·OAuth 설정

---

2. 데이터 구조 만들기

메뉴 컬렉션

Claude Code에게:

또는 Pocketbase API로 자동 생성:

문의 폼 컬렉션

---

3. 홈페이지에서 데이터 불러오기

메뉴 데이터를 Pocketbase에서 가져와 HTML에 표시:

이제 어드민에서 메뉴를 바꾸면 홈페이지에 자동으로 반영됩니다.

---

4. Fly.io에 배포 (무료)

Pocketbase는 서버가 필요합니다. Fly.io의 무료 플랜이 적합합니다.

Claude Code가 배포 파일을 만들면:

# Fly CLI 설치 (Claude Code가 안내)
fly launch
fly deploy

배포 완료 후 주소: https://mycafe-pb.fly.dev

홈페이지 JS의 API 주소를 localhost → mycafe-pb.fly.dev로 교체:

---

5. 일상 관리 루틴

배포 후 매일 사용하는 방법:

1. https://mycafe-pb.fly.dev/_/ 접속
2. 어드민 이메일·비밀번호 로그인
3. Collections → menu → 메뉴 추가·수정·삭제
4. Collections → contact_form → 문의 내역 확인
5. 홈페이지 새로고침 → 자동 반영

---

오늘의 실습 체크