6개의 AI 에이전트로 웹사이트 운영을 자동화하는 noxxi.sh 개발기

실용적 조언

AI 에이전트 시스템 구축 시 Convex와 같은 서버리스 백엔드를 사용하면 실시간 상태 관리와 로직 실행을 효율적으로 처리할 수 있다.
단순한 텍스트 생성을 넘어 실제 API 연동을 통해 작업을 완결 짓는 실행형 구조를 설계하는 것이 차별화 포인트이다.

섹션별 상세

단순한 제안을 넘어선 실행형 에이전트의 도입이다. 기존의 많은 AI 서비스들이 사용자에게 수정 방향을 제시하는 수준에 그쳤다면, 이 프로젝트는 6개의 에이전트가 직접 코드를 수정하고 콘텐츠를 게시하는 실행력을 갖췄다. 이는 사용자의 수동 개입을 최소화하고 AI가 실질적인 결과물을 만들어내는 워크플로우를 지향한다.

현대적인 개발 스택의 조합이 핵심이다. NextJS로 사용자 인터페이스를 구축하고, Convex의 서버리스 환경에서 에이전트 로직을 실행하며, Resend와 Stripe 같은 전문 API를 연동하여 서비스의 완성도를 높였다. 이러한 스택은 복잡한 인프라 관리 없이도 고성능 AI 애플리케이션을 빠르게 배포할 수 있게 해주며, 특히 Convex는 실시간 동기화 기능을 제공하여 에이전트의 작업 상태를 즉각적으로 대시보드에 반영한다.

웹사이트 주소 입력만으로 시작되는 자동화 프로세스이다. 사용자가 URL을 입력하는 즉시 6개의 에이전트가 병렬로 구동되어 사이트의 SEO 상태를 진단하고 필요한 콘텐츠를 생성하여 즉시 반영하는 구조를 채택했다. 이는 개별 에이전트가 특정 역할에 집중하면서도 전체적인 웹사이트 운영 목표를 달성하기 위해 협업하는 구조를 보여준다.

용어 해설

바이브 코딩(Vibe Coding): — AI 코딩 도구를 활용해 세부 구현보다 전체적인 의도와 흐름에 집중하여 빠르게 결과물을 만들어내는 개발 방식이다. Cursor나 Claude Code 같은 도구의 발전으로 가능해졌으며 생산성을 극대화한다.
AI 에이전트(AI Agent): — 특정 목표를 위해 자율적으로 계획을 세우고 도구를 사용해 작업을 수행하는 AI 시스템이다. 이 프로젝트에서는 6개의 에이전트가 협력하여 웹사이트의 각기 다른 운영 업무를 분담한다.
검색 엔진 최적화(SEO): — 검색 엔진에서 웹사이트가 상단에 노출되도록 구조와 콘텐츠를 최적화하는 작업이다. AI 에이전트가 메타 태그 수정이나 키워드 배치를 자동으로 수행하여 검색 유입을 늘린다.
컨벡스(Convex): — 실시간 데이터베이스와 서버리스 함수를 결합한 백엔드 서비스 플랫폼이다. 복잡한 인프라 설정 없이도 AI 에이전트의 상태를 관리하고 로직을 실행하는 데 최적화되어 있다.

언급된 도구

NextJS추천

마케팅 사이트 및 대시보드 구축

Convex추천

백엔드 데이터베이스 및 로직 실행

Resend추천

자동화된 이메일 발송

Stripe추천

결제 시스템 연동

Clerk추천

사용자 인증 및 관리

언급된 리소스

Demonoxxi.sh