Skip to main content

최근 코드픽(codepick.kr)에 홈페이지 자동 구축 기능을 붙이는 작업을 했습니다. 사용자가 자료를 제출하면 AI가 자동으로 WordPress 사이트를 구성하고 완성된 URL을 돌려주는 서비스입니다.

전체 아키텍처

  • SvelteKit: 자료 입력 → 결제 → 실시간 빌드 상태 표시
  • FastAPI: 주문 처리, WordPress 인스턴스 생성, AI 카피 생성
  • WP-CLI: 템플릿 복제, 콘텐츠 교체, 로고/컬러 적용
  • AWS Route53: 도메인 검색, 구매, DNS 자동 설정
  • Claude API: 한국어 카피라이팅 자동 생성

WordPress 자동 복제의 핵심: WP-CLI

기존 데모 사이트를 복제해 새 고객 사이트를 만드는 방식입니다. WP-CLI로 DB 복제부터 URL 치환까지 자동화했습니다.

mysqldump demo1_wp | mysql new_customer_wp
wp search-replace 'demo1.codepick.kr' 'customer.codepick.kr' --all-tables
wp option update blogname "고객사명"

AWS Route53으로 도메인 자동화

도메인 검색/구매/DNS 설정을 Route53 API 하나로 처리합니다. boto3로 전체 도메인 라이프사이클을 코드로 관리할 수 있어요. 단, .kr은 Route53에서 지원하지 않아 국내 등록기관으로 안내합니다.

서버 리소스가 문제

1GB RAM 인스턴스에 FastAPI, WordPress, MySQL, PostgreSQL이 함께 돌아가다 보니 새 사이트 동적 생성 시 메모리 부족 위험이 있습니다. WordPress Multisite 전환 또는 고객 사이트 전용 서버 분리를 검토 중입니다.

빌드 UI: 터미널 스타일 로그

단순 스피너 대신 실제 빌드 과정처럼 보이는 터미널 UI를 Svelte로 구현했습니다. Claude AI 카피라이팅, WebP 변환, Lighthouse 점수 등 각 단계를 순차 표시해 신뢰감을 높였어요.

앞으로의 계획

  • WordPress Multisite 전환으로 서버 효율화
  • 토스페이먼츠 실결제 연동
  • Claude API 실제 카피라이팅 자동화
  • 고객 대시보드 (수정 요청, 도메인 관리, 트래픽 통계)
코드픽 - 외주 전문 AI 바이브 코딩 글로벌 진출

댓글 남기기