TeenyApp를 통해 클로드가 단일 채팅 링크로 풀스택 웹사이트를 구축 및 배포할 수 있습니다

TeenyApp (teenyapp.com)은 Claude 웹(또는 모든 AI 채팅)이 단일 링크를 붙여넣기만 하면 전체 웹사이트를 구축하고 배포할 수 있는 새로운 도구입니다. 제작자는 Claude가 실제로 무언가를 배포해 달라고 요청할 때마다 에이전트 워크플로가 Cloudflare 설정, Vercel CLI, GitHub 저장소, 환경 변수, 시크릿, DNS 등에서 중단되어 채팅을 떠나 서비스에 가입해야 했기 때문에 이 도구를 만들었습니다.

작동 방식

• 먼저 라이브 도메인을 할당받습니다: yourapp.app.teenyapp.com
• 에이전트 토큰이 포함된 링크를 받게 됩니다.
• 해당 링크를 Claude에 붙여넣습니다. Claude는 링크에 있는 agents.md 명령 파일을 읽고, 에이전트 토큰을 Bearer 토큰으로 사용하여 HTTP POST 요청을 보냅니다.
• 이러한 요청은 프로젝트를 스캐폴딩하고, 프론트엔드와 백엔드 코드를 작성하며, 마이그레이션을 실행하고, 해당 도메인으로 직접 배포합니다.

Claude가 TeenyApp을 통해 할 수 있는 작업

• 풀스택 앱의 프론트엔드/백엔드를 라이브 URL에 구축 및 배포
• 실제 데이터베이스에서 스키마 마이그레이션 실행
• 인증 설정 (이메일/비밀번호, JWT, Google, GitHub, Discord, LinkedIn OAuth)
• 코드에서 행 수준 보안 규칙 설정
• 링크를 통해 파일을 저장하고 커밋하여 라이브 사이트를 반복적으로 개선

Google SSO를 지원하고 사용자 메시지를 AI API 제공업체로 프록시하는 백엔드 요청 핸들러가 있는 "Clonable"이라는 예제 웹사이트가 이 Claude 채팅에서 완전히 구축 및 게시되었습니다. Clonable은 clonable.app.teenyapp.com에서 사용해 볼 수 있습니다.

TeenyApp은 teenybase라는 오픈소스 백엔드 프레임워크 위에 구축되었으며, 즉시 사용 가능한 API, 인증, DB 등을 제공합니다. 커뮤니티에서 만든 사이트를 teenyapp.com/explore-all에서 살펴보세요.