mcpField
E
Example MCP Server built on Next.js

Example MCP Server built on Next.js

ローカル
github.com/MarkArmsrong開発ツール178 週間前に更新

Example MCP Server built on Next.js について

Example MCP Server built on Next.jsは、Next.jsでMCPサーバーを構築するためのテンプレートです。開発者は`app/mcp.ts`でツール、プロンプト、リソースを定義でき、付属のサンプルクライアントで呼び出しをテストできます。

主な機能

  1. 01Next.jsベースのMCPサーバーテンプレート
  2. 02ツール、プロンプト、リソースの定義
  3. 03呼び出しテスト用サンプルクライアント
  4. 04Vercelへのデプロイ説明

活用シーン

  1. 01Next.jsでMCPサーバーの試作
  2. 02独自のツール、プロンプト、リソースの追加
  3. 03サンプルクライアントによる呼び出しテスト

MCP 対応

MCPサーバーのテンプレートです。`app/mcp.ts`でツール、プロンプト、リソースを定義でき、呼び出しテスト用のサンプルクライアントも含みます。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

インストール方法は未掲載です

このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。

リポジトリ

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

Next.js 上に構築された MCP サーバーの例

使用方法

MCP TypeScript SDK のドキュメントに従って、app/mcp.ts を更新し、ツール、プロンプト、リソースを追加してください。

Vercel で実行する場合の注意事項

  • process.env.REDIS_URL でプロジェクトに Redis が接続されている必要があります
  • 効率的に実行できるよう、Fluid compute が有効になっていることを確認してください
  • Fluid compute を有効にした後、Vercel Pro または Enterprise アカウントをお使いの場合は、app/sse/route.ts を開き、最大実行時間を 800 に調整してください
  • Next.js MCP テンプレートをデプロイする

クライアントの例

script/test-client.mjs には、呼び出しを試すためのクライアントの例が含まれています。

node scripts/test-client.mjs https://yadathingy-mcp.vercel.app

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。