피드로 돌아가기
How I Built a 273 Template AI Ad Generator as a Solo Dev
Dev.toDev.to
Backend

개발자 1명이 Next.js 14 + Gemini AI + 상세 프롬프트 템플릿으로 273개 광고 템플릿 생성 시스템을 구축해 92명 사용자 확보

How I Built a 273 Template AI Ad Generator as a Solo Dev

Aria Cole2026년 3월 27일3intermediate

Context

사용자가 브랜드 URL을 입력했을 때 그 브랜드에 맞는 전문적인 광고 크리에이티브를 빠르게 생성할 수 있는 방법이 없었다. 수동 편집 기반의 Fabric.js 캔버스 에디터(레이어, 텍스트 도구, 드래그 앤 드롭)를 5번 다시 작성했지만 복잡성과 결과 품질 면에서 요구사항을 충족하지 못했다.

Technical Solution

  • 브랜드 DNA 추출: Cheerio로 서버 사이드 페이지 스크래핑 → 텍스트, 메타 태그, Open Graph 데이터, 이미지 URL 추출 → Gemini AI로 브랜드 색상, 타이포그래피, 톤/보이스, 타겟 오디언스, 핵심 메시지를 구조화된 JSON으로 분석
  • 템플릿 시스템: 273개 템플릿을 [BRACKET] 플레이스홀더를 포함한 200단어 이상의 상세 프롬프트로 정의 (예: Steam Mirror Writing 템플릿은 배경, 텍스트 스타일, 상품 배치, 조명 등을 명확히 기술)
  • AI 기반 편집기 도입: 광고 수정을 '텍스트 설명' → 'AI가 이미지 재생성'하는 방식으로 전환 (기존 캔버스 에디터 폐기)
  • 스택 구성: Next.js 14 (App Router), Prisma + SQLite (Fly.io 단일 머신에 볼륨 마운트), Gemini AI (Brand DNA 추출 및 이미지 생성), Stripe (결제)
  • 생성 비용 최적화: 생성된 이미지당 Gemini AI 비용 $0.067으로 설정

Impact

월 인프라 비용 $10 이하 유지, 생성된 광고 192개, 누적 사용자 92명, 유료 고객 1명 ($59/월), 유기적 성장으로 X(트위터)에서 하루 32명 방문, 폴란드 AI 교육자의 자발적 튜토리얼로 하루 42명 신규 가입 달성

Key Takeaway

단순한 기술 스택(SQLite, 단일 머신)도 명확한 도메인 이해(Brand DNA 개념)와 상세한 AI 프롬프트 설계로 전문 수준의 결과물을 만들 수 있으며, 복잡한 UI 기능보다 AI 기반의 자연어 상호작용이 사용자 경험을 크게 향상시킨다.


AI 이미지 생성을 활용하는 SaaS 프로덕트를 구축할 때, 프롬프트에 200단어 이상의 구체적 디테일(레이아웃, 타이포그래피, 색상, 구성)을 포함하면 모호한 프롬프트 대비 확연히 전문적인 결과물을 얻을 수 있으며, 사용자의 수정 요청을 '텍스트 기반 재생성'으로 처리하면 복잡한 캔버스 에디터 개발을 생략하고도 더 좋은 UX를 제공할 수 있다.

원문 읽기