"트래픽 없음. 사용자 없음. 코드만 있음. 그래도 출시했습니다."
🧠 배경: 왜 이것을 구축했는가
저는 인디 해커입니다. 도구를 좋아합니다. 실험도 좋아합니다.
이런 아이디어가 많이 떠돌고 있는 것을 봤습니다:
"도구 + SEO + AdSense = 💰"
그래서 7일 동안 이것을 진지하게 테스트해보기로 했습니다 — 그리고 VictoryHub.cc를 구축했습니다. 완전히 반응형이고, SEO 최적화되었으며, 다국어를 지원하는 10개 이상의 유틸리티가 있는 도구 사이트를 AI의 도움을 받아 혼자서 출시했습니다.
하지만 솔직한 부분은 이렇습니다: 조용한 출시였습니다. 트래픽 0. 팔로워 0.
그래도 이것은 아마도 제가 한 가장 생산적이고 복제 가능한 구축일 것입니다. 여기 전체 내용을 설명합니다 👇
⚙️ 스택: 속도와 SEO를 위해 구축
- 프레임워크: Next.js 15 (App Router)
- 호스팅: Cloudflare Pages
- CSS: Tailwind
- UI: Shadcn
- AI: GitHub Copilot + Claude
- CI/CD: GitHub → Cloudflare 어댑터 (
opennextjs-cloudflare)
왜 이 조합인가요?
- App Router = 내장 레이아웃, 메타데이터, 로케일별 라우팅
- Cloudflare = 엣지 배포, 제로 비용, 빠름
백엔드 없음, DB 없음, 서버 비용 없음. 순수한 유틸리티 제공만 있습니다.
✨ AI가 10배 도움이 되었습니다: 방법은 다음과 같습니다
"AI는 당신을 대체하는 것이 아니라, 지루한 부분을 대체하는 것입니다."
VS Code 내에서 GitHub Copilot을 사용하여 자동 완성했습니다:
- 폼 입력 및 상태 핸들러
- 유틸리티 함수 (UUID, 인코더 등)
- 보일러플레이트 페이지 컴포넌트
- 블로그 포스트 템플릿
그리고 Claude(에이전트 스타일)를 사용했습니다:
- "브라우저에서 클라이언트 측에서 이미지를 압축하는 방법은 무엇인가요?"
- "cron 문자열을 읽기 쉬운 텍스트로 파싱하는 가장 좋은 방법은 무엇인가요?"
- "이 i18n 파일을 일본어와 한국어로 번역해 주시겠어요?"
Claude가 작성한 것들:
- FAQ
- 블로그 포스트 인트로
- 15개 언어의
meta태그 템플릿 - SEO를 위한 JSON-LD 스키마
Copilot = 코드 생성기 Claude = 프롬프트 기반 어시스턴트 함께? 솔로 개발자의 치트 코드입니다.
🌍 다국어: AI + 수동 검토
"번역은 AI로 쉽습니다. 품질 좋은 번역은 여전히 노력이 필요합니다."
VictoryHub는 15개 언어를 지원합니다: 🇬🇧 🇨🇳 🇯🇵 🇰🇷 🇩🇪 🇫🇷 🇪🇸 🇷🇺 🇳🇱 🇮🇹 🇵🇹 🇳🇴 🇸🇪 🇫🇮 🇩🇰
제 워크플로우:
- 모든 텍스트를
en.json에 넣기 - Claude를 사용하여 각 대상 로케일로 번역
- 컨텍스트에 민감한 단어를 수동으로 검토
- 스크립트를 통해 누락된 키를 자동 확인
App Router의 i18n 라우팅 + 동적 임포트로 지역화된 경로가 깔끔해졌습니다.
SEO 보너스: 각 경로에 hreflang + alternate 태그를 추가했습니다.
🔍 첫날부터 SEO: 콘텐츠 전에 구조
도구 사이트를 구축하면서 SEO에 대해 생각하지 않는다면, 그 잠재력을 낭비하고 있는 것입니다.
초기에 출시한 것들:
- ✅
next-sitemap을 통한sitemap.xml - ✅
robots.txt - ✅ 도구 + FAQ를 위한 JSON-LD 구조화 데이터
- ✅ 15개 언어로 된 페이지별 메타 제목/설명 (AI 작성)
- ✅ 정규 +
hreflang태그
"SEO가 느리다고 생각하세요? 출시 후에 해보세요."
가치 있는 팁:
AI를 위한 프롬프트:
"[언어]로 155자 이내의 [도구] 페이지 SEO 메타 설명을 작성해주세요."
놀랍도록 잘 작동합니다. 여전히 조정하지만, 10배 빠릅니다.
📅 제 7일 구축 계획
- 1일차: 프로젝트 스캐폴드 + 라우팅 + Cloudflare 설정
- 2-4일차: 10개 도구 구축 (Copilot이 기본 UI의 60-70% 처리)
- 5일차: i18n 설정 + AI 번역 + 레이아웃 수정
- 6일차: SEO 구성 (사이트맵, 메타, JSON-LD)
- 7일차: 테스트 + 마무리 + 출시 + 포스팅
매일 시간 블록 (1-2시간). 매일 배포.
😩 솔직한 이야기: 트래픽? 존재하지 않음 (지금은)
솔직하게 말하자면:
- 백링크 없음
- 새 도메인
그래서:
- 트래픽 없음.
- 피드백 없음.
- 하지만... 구조, 콘텐츠, 그리고 모멘텀이 있습니다.
SEO는 소음에 보상하지 않습니다. 일관성에 보상합니다.
🧠 인디 해커를 위한 교훈
- AI는 당신의 비전을 구축하지 않지만, 가속화할 것입니다
- 완벽을 기다리지 말고 80%로 출시하세요
- 다국어는 SEO 롱테일을 위해 가치가 있습니다
- 초기 단계 SEO에서는 구조가 완성도보다 중요합니다
- 스레드와 블로그 > "무언가를 출시했어요" 트윗
도구 사이트를 구축한다면:
- 먼저 검색을 계획하세요
- 반복 작업을 빠르게 하기 위해 AI를 사용하세요
- 빠르게 출시하고, 그 다음 개선하세요
🤔 여전히 사이트맵이 중요하지 않다고 생각하시나요?
GoogleBot은 찾을 수 없는 것을 색인화할 수 없습니다. 다음과 같은 경우 당신의 도구는 보이지 않습니다:
- 사이트맵 없음
- 링크 없음
- 내부 라우팅 없음
이것을 수정하는 것은 1시간의 작업입니다. 건너뛰지 마세요.
✅ 보고 싶으신가요?
AI 지원 10개 이상의 도구, 다국어, 완전 클라이언트 사이드. 여전히 성장 중. 여전히 배우는 중.