LV 성형외과 서비스 구축

1. 프로젝트 초기 구축 Next.js App Router 기반 프로젝트 세팅 Firebase Auth / Firestore / Storage 연동 다국어(i18n) 시스템 적용 (한국어/영어 등)

2. 사용자 페이지 개발 메인 페이지 — 비디오 히어로, 서비스 섹션, B&A(Before & After) 탭 구조 About Us — 병원 소개, 컴포넌트화 재사용 구조 Product(시술 소개) — 카테고리 탭 전환, fade-up 애니메이션, 상세 페이지 LV Story(블로그) — 목록/상세 페이지, 관리자 발행 시 캐시 무효화 Promotion — 프로모션 페이지 문의하기(Inquiry) — B&A 섹션 탭 구조, 비회원 문의 조회 기능 개인정보처리방침 / 이용약관 페이지

3. 관리자(Admin) 시스템 관리자 페이지 럭셔리 디자인 적용 페이지별 권한 시스템 구현 (superadmin/admin 분리) 문의 관리 CRM — 문의 목록, 답변 이메일 전송, 재전송, 삭제 권한 관리 시술(Product) 관리 — 등록/수정, 프리뷰 이미지 구성 카테고리 동적 관리 — 카테고리 CRUD + AI 자동 번역 (Google Gemini) LV Story 관리 — Tiptap 리치텍스트 에디터, AI 콘텐츠/초안 생성

4. AI 기능 연동 Google Gemini API 활용한 콘텐츠 자동 생성 (/api/ai/generate-content) AI 초안 생성 (/api/ai/generate-draft) 카테고리 등록 시 AI 자동 번역 (/api/translate-category)

5. 이메일 시스템 문의 접수 알림 이메일 발송 관리자 답변 이메일 템플릿 (영문, 국제번호 형식)

6. UX / 디자인 개선 플로팅 연락처 위젯 (WhatsApp, KakaoTalk, Instagram, 전화, 네이버예약) 프리미엄 로그인 페이지 디자인 프리미엄 404 페이지 Before & After 섹션 회원 전용 접근 제한 (의료법 대응)

7. SEO / 인프라 SEO 메타태그, OG 이미지, JsonLd 구조화 데이터 PWA manifest 설정 Firestore 보안 규칙 및 복합 인덱스 설정 Vercel 배포 설정

#AI 활용

1. AI 콘텐츠 자동 생성

시술 정보 입력 시 Google Gemini API가 마케팅용 소개 문구를 자동 생성 관리자가 직접 글을 작성하지 않아도 즉시 활용 가능한 콘텐츠 확보

2. AI 블로그 초안 생성

LV Story(블로그) 작성 시 키워드/주제만 입력하면 AI가 초안을 자동 작성 Tiptap 리치텍스트 에디터와 연동하여 초안 기반 수정 → 발행 워크플로우 구현

3. AI 다국어 자동 번역

카테고리 등록 시 한국어 입력만으로 영어 등 다국어 번역을 AI가 자동 처리 별도 번역 작업 없이 다국어 사이트 운영 가능