TeenyAppでClaudeが単一チャットリンクからフルスタックウェブサイトを構築・デプロイ可能に

TeenyApp（teenyapp.com）は、Web上のClaude（または任意のAIチャット）が、貼り付けた1つのリンクから完全なウェブサイトを構築・デプロイできる新しいツールです。開発者は、Claudeに実際に何かをリリースしてもらおうとするたびに、Cloudflareの設定、Vercel CLI、GitHubリポジトリ、環境変数、シークレット、DNSなどでエージェントのワークフローが中断され、チャットを離れてサービスにサインアップする必要があったため、このツールを作りました。

仕組み

• 事前にライブドメインを取得: yourapp.app.teenyapp.com
• エージェントトークンが埋め込まれたリンクが返されます。
• そのリンクをClaudeに貼り付けます。Claudeはリンク先のagents.md指示ファイルを読み取り、エージェントトークンをベアラートークンとしてHTTP POSTリクエストを行います。
• これらのリクエストがプロジェクトをスキャフォールディングし、フロントエンドとバックエンドのコードを作成し、マイグレーションを実行し、そのドメインに直接デプロイします。

ClaudeがTeenyAppを通じてできること

• フルスタックアプリのフロントエンド/バックエンドを構築・デプロイし、ライブURLで公開
• 実際のデータベースでスキーママイグレーションを実行
• 認証（メール/パスワード、JWT、Google・GitHub・Discord・LinkedInによるOAuth）を設定
• コードで行レベルセキュリティルールを設定
• リンクを通じてファイルを保存・コミットすることで、ライブサイトを反復的に改善

「Clonable」というサンプルサイトは、Google SSOをサポートし、ユーザーメッセージをAI APIプロバイダーにプロキシするバックエンドリクエストハンドラを備えており、このClaudeチャットから完全に構築・公開されました。Clonableはclonable.app.teenyapp.comで試せます。

TeenyAppは、API、認証、データベースなどをすぐに使えるオープンソースのバックエンドフレームワークteenybase上に構築されています。コミュニティが作ったサイトはteenyapp.com/explore-allで閲覧できます。