결과물
https://notebooklm.google.com/notebook/2682a657-746a-4638-aa56-7a0628b83541
만든과정 및 삽질
1단계 — 현행 사이트 파악 기존 Webflow 사이트 구조, 페이지 목록, 기능, URL 패턴, 기술 스택 분석.
- 링크 주기
- 캡처 주기
- 회의록 주기
- 궁금한거 물어보라고 하기
2단계 — 기술 이슈 분석 Webflow → Next.js 전환 시 발생하는 기술적 이슈 정리. Supabase 락인 문제, Auth 구조, 결제 연동, CMS 대체 방안 등.
3단계 — 유저플로우 수집 및 분석
- 프로그램 신청 플로우
- 행사 라이브까지 알림톡 플로우
- 라이브 종료 후 플로우
- 환불 요청 플로우
- 멤버십 해지 플로우
4단계 — 시스템 내부 구조 파악
- Supabase 테이블 구조 확인
- n8n 워크플로우 전체 목록 및 주요 플로우 내부 확인 (환불, 신청, 후기 파이프라인, 뉴스레터)
- 마이페이지 실제 화면 확인
- 현행 Magic Link 인증 스펙 확인 (Gmail SMTP + JWT, Replit 서버)
5단계 — 이슈 및 결정사항 정리 유저 입장 이슈 5개, 운영 입장 이슈 10개 도출. Auth 방식, 기술 스택, CRM 자동화 범위 등 주요 결정사항 확정.
6단계 — Auth 방식 결정 Magic Link → Clerk + 카카오 소셜 로그인으로 전환 확정. Supabase Auth 락인 없이 가입 구조 구현.
7단계 — 어드민 스펙 확정 프로그램 등록 입력 필드 설계. Claude API로 상세페이지 초안 + 알림톡 문구 3종 자동 생성 후 담당자 승인 발송 구조 확정.
8단계 — 버전별 배포 일정 확정
- Ver 1: 4/10
- Ver 2: 4/17
- Ver 3: 4/24
9단계 — CLAUDE.md 작성 클로드 코드에 전달할 프로젝트 맥락 파일 완성.