30초 만에 AI 헤드샷 생성기를 만들었습니다 (FLUX + Next.js + Stripe)
발행: (2026년 2월 27일 오후 01:33 GMT+9)
4 분 소요
원문: Dev.to
Source: Dev.to
개요
주말에 시간이 남아 간단한 질문을 해보았습니다: 전문적인 헤드샷을 얼마나 저렴하고 빠르게 제공할 수 있을까?
제가 도출한 답은: 30 초, £4.99. 아래는 이를 구현하기 위해 만든 아키텍처와 흐름입니다.
기술 스택
| 구성 요소 | 서비스 |
|---|---|
| 프론트‑엔드 및 라우팅 | Next.js 14 (App Router) – Netlify에 배포 |
| 이미지 생성 | fal.ai – FLUX AI 모델 |
| 결제 | Stripe – 일회성 Checkout (구독 없음) |
| 임시 저장소 | Vercel Blob |
| 헤드샷당 비용 | ≈ £0.04 (인프라 비용만) |
워크플로우
- 업로드 – 사용자가 선명한 얼굴 사진을 업로드합니다.
- 임시 저장 – 이미지가 Vercel Blob에 저장되고, 공개 URL을 반환합니다.
- 플랜 선택 – 사용자는 단일 헤드샷 (£4.99) 또는 5개 팩 (£14.99) 중 하나를 선택합니다.
- 결제 – Stripe Checkout으로 리디렉션됩니다.
- 성공 콜백 – 결제 후 Stripe가 성공 URL을 통해 사진 URL과 플랜 메타데이터를 전달합니다.
- 생성 –
fal.ai(FLUX /dev 모델)가 제공된 URL과 플랜 지침을 사용해 전문 헤드샷을 생성합니다. - 다운로드 – 생성된 이미지를 즉시 반환하여 사용자가 다운로드할 수 있게 합니다.
전체 흐름은 **무상태(stateless)**이며, 데이터베이스, 사용자 계정, 장기 저장소가 없습니다. 사진은 생성 창을 넘어서는 기간 동안만 보관됩니다.
일관된 전문 결과 얻기
신뢰할 수 있는 헤드샷을 만들기 위해 명시적인 프롬프트를 추가했습니다:
- 조명 – 예: “부드럽고 고른 조명”.
- 배경 색상 – 예: “단색 흰색 배경”.
- 복장 컨텍스트 – 예: “비즈니스 캐주얼”.
- 사용 사례 앵커 – 예: “LinkedIn 프로필 사진”.
이러한 힌트가 없으면 모델이 일반적인 초상화로 기본 설정됩니다.
성능 비교
| 제공업체 | 평균 생성 시간 |
|---|---|
| fal.ai (FLUX /dev) | 8–12 초 |
| Replicate (동일 모델) | 18–25 초 |
fal.ai가 일관되게 더 빠르고, SDK가 통합하기에 더 깔끔했습니다.
Stripe 통합 상세
- 미리 만든 Stripe Price 객체 대신 동적
price_data를 사용했습니다. - 가격 로직을 코드에 두어 대시보드 설정이 필요 없게 했습니다.
- 결제 후 세션 ID로 세션을 조회해 메타데이터(사진 URL, 선택 플랜)를 가져옵니다.
가격 및 라이브 데모
이 서비스는 경쟁사보다 의도적으로 낮은 가격을 책정했습니다(대부분 £15–£50 수준).
라이브 데모:
자유롭게 사용해 보시고, 댓글로 질문을 남겨 주세요.