PRODUCT
01
Next.jsSupabasePWA0→1 BuildLive App
Day Anchor — 캘린더 기반 데일리 플래너
큰 월간 달력을 중심으로 일정, 체크리스트, 메모, 하루 회고를 관리하는 Next.js + Supabase PWA. 프로토타입에서 프로덕션까지 0→1 빌드.
문제 정의
기존 플래너 앱은 기능이 분산되어 있어 하루의 맥락(일정+할일+메모+회고)을 한 화면에서 관리하기 어려웠습니다. 캘린더 중심 UX로 통합된 데일리 플래너가 필요했습니다.
가설
- H1. 월간 달력 중심 UI가 일정·할일·메모 통합 관리에 더 적합하다.
- H2. Supabase Realtime 동기화로 기기 간 데이터 일관성을 유지할 수 있다.
방법 / 실험
- 바닐라 JS PWA 프로토타입으로 UX 검증
- Next.js 15 + Supabase Auth/Postgres/Storage/Realtime API 연동
- 일정 블록 CRUD, 체크리스트, 텍스트/음성 메모, 7일 인사이트 구현
- Vercel 배포 및 PWA 홈화면 설치 지원
결과
- 프로토타입 → 프로덕션 전환 완료
- 실시간 기기 간 동기화 구현
- Vercel Production 배포 (day-anchor.vercel.app)
의사결정
프로토타입 UI를 유지하면서 Supabase 백엔드를 붙이는 점진적 전환 전략을 선택. 기능 추가보다 핵심 UX(캘린더 중심) 완성도를 우선했습니다.
배운 점
- 프로토타입을 버리지 않고 프로덕션으로 이어가는 것이 빠른 검증에 유리
- 생각(기획)과 실행(코드) 사이의 간격을 짧게 유지하는 것이 핵심
- 0→1 빌드 경험은 PM으로서 개발팀과의 협업 역량을 높임