← 템플릿 목록
서비스업초급🌍 Calendly 모델

예약 링크 시스템

링크 하나로 상담·미팅 예약을 받는 시스템. 컨설턴트·코치·강사에게 필수. 직접 만들면 수수료 0%, 내 브랜드로 운영.

🌍 해외 실제 검증 사례

Calendly

창업자: Tope Awotona

Claude Code · Cursor · ChatGPT 에 붙여넣기

# 예약 링크 시스템 MVP 만들기

## 프로젝트 개요
상담사·코치·강사가 링크 하나를 공유하면 고객이 원하는 시간에 예약하는 시스템.
참고 모델: Calendly (calendly.com) — $70M ARR, 인수가 $3B

## 기술스택
- Next.js 14 (App Router) + TypeScript
- Supabase (DB)
- Tailwind CSS + shadcn/ui
- Resend API (예약 확인 이메일)
- 한국어 UI

## 필수 기능

### 1. 예약 페이지 (/book/[username])
- 제공자 프로필 (사진, 이름, 서비스 설명)
- 가용 날짜 캘린더 (예약된 슬롯 자동 제외)
- 시간 선택 → 고객 정보 입력 (이름, 이메일, 연락처, 상담 주제)
- 예약 확정 → 양측에 확인 이메일 자동 발송

### 2. 관리자 설정 페이지 (/admin/settings)
- 가능 요일 설정 (체크박스)
- 시간대 설정 (09:00~18:00 등)
- 슬롯 간격 설정 (30분 / 60분 / 90분)
- 예약 불가 날짜 지정 (휴가, 공휴일)
- 예약 가능 기간 설정 (최대 30일 이내 등)

### 3. 예약 관리 (/admin/bookings)
- 예약 목록 (날짜, 시간, 고객명, 상담주제, 상태)
- 예약 확정 / 취소 처리
- 캘린더 뷰 + 리스트 뷰 전환
- 고객 연락처 복사 버튼

### 4. 이메일 자동화
- 예약 확인 이메일 (고객 + 제공자)
- 예약 24시간 전 리마인더
- 취소 알림

## DB 스키마
```sql
availability: id, day_of_week, start_time, end_time, slot_minutes
blocked_dates: id, date, reason
bookings: id, date, time, client_name, client_email,
client_phone, topic, status(confirmed/cancelled), created_at
```

## 이메일 템플릿
- 예약 확인: 날짜/시간/장소/변경 링크 포함
- 한국어 이메일 본문

💡 사용 방법

  1. ① 위 프롬프트를 복사하세요
  2. Claude Code · Cursor (한국어) 또는 Lovable · Bolt · v0 (영어)에 붙여넣기
  3. [업종] 부분을 내 업종으로 교체하세요
  4. ④ 실행하면 강력한 MVP 완성!
수강 상담 카톡하기