AI News HubLIVE
サイト内リライト2 分で読了

5分でNext.jsアプリをAIネイティブに変える

BetterAgentは、CLI駆動のツールで、Next.jsアプリにAIエージェント層を迅速に追加します。ルートやサーバーアクションを読み取り、ユーザーが既存の製品内で実際に作業を行えるエージェントを提供します。設定不要の開発体験、埋め込み可能なUIコンポーネント、内蔵の可観測性、認証転送、ストリーミング、レート制限などの本番級インフラが特徴です。

ソースHacker News AI著者: incogiscool

BetterAgentは、Next.jsアプリケーションをAIネイティブにするための新しいプラットフォームです。その核となる考え方は、開発者がわずか5分で既存のNext.jsアプリにAIエージェント層を追加できることです。CLIツールを使用してコードベースを自動的にスキャンし、すべてのルートとサーバーアクションを検出し、エージェントが呼び出せるツールに変換します。

従来のAI統合とは異なり、BetterAgentは単なるチャットインターフェースを提供するのではなく、AIエージェントがアプリのビジネスロジックと直接対話できるようにします。3つのプリミティブを定義しています。ルート(データの読み取り)、サーバーアクション(データの変更)、クライアントアクション(UIの制御)です。これらは統一されたプロトコルで通信し、エージェントがアプリ内で人間のユーザーのようにタスクを実行できるようにします。

BetterAgentの設定不要の開発体験が際立っています。開発者はbetteragent discoverコマンドを実行するだけで、利用可能なすべてのルートとサーバーアクションが一覧表示されます。エージェントが呼び出せるハンドラーを選択し、説明を記述します。次にbetteragent syncを実行して、承認されたツールをサーバーに同期します。APIエンドポイントを手動で定義する必要はありません。

UI面では、BetterAgentはshadcnスタイルのコンポーネントセットを提供します。チャットサイドバー、ポップアップ、インラインバー、コマンドパレットなどがあります。これらのコンポーネントはnpx betteragent addコマンドで簡単に追加でき、既存のテーマを継承します。

可観測性も重要な機能です。すべての会話、ツール呼び出し、トークン使用量が記録・照会可能です。開発者はHTTPリクエストのようにエージェントの動作をデバッグでき、レイテンシ、エラー率、消費コストを確認できます。

本番環境では、BetterAgentは認証転送、ネイティブSSEストリーミング、レート制限を提供します。エンドユーザーのベアラートークンをAPIに転送するため、サービスアカウントは不要です。ツール呼び出しはストリーム中にリアルタイムで実行されます。レート制限はプロジェクト単位とIP単位で適用され、悪用を防ぎます。

価格設定では、無料枠(30日間500クレジット)が用意されており、プロトタイピングに適しています。有料プランは$0.99/月(1,500クレジット)、$14.99/月(4,000クレジット)などがあります。エンタープライズプランはカスタムです。すべてのプランはプロジェクト単位で課金され、複数のプロジェクトを作成できます。

現在、BetterAgentはNext.js(App Router)のみをサポートしています。Vue、Svelte、Remix、Expressなどの他のフレームワークのアダプターは計画中です。すでにNext.jsを使用しているチームにとって、BetterAgentは迅速かつ低コストでAIを統合する方法を提供します。