mcp-nextjs

このプロジェクトは、Next.jsを基盤としたMCPサーバーで、OAuth 2.1認証をサポートしています。ユーザー認証はGoogleを利用する設定ですが、他のプロバイダーにも対応可能です。SSEおよびストリーミングHTTPトランスポートをサポートし、さまざまなクライアントとの統合が可能です。

GitHubスター

79

ユーザー評価

未評価

お気に入り

0

閲覧数

23

フォーク

11

イシュー

0

インストール方法
難易度
中級
推定所要時間
10-20
必要な環境
Node.js 18.0.0以上
npm 8.0.0以上
+1 more

インストール方法

インストール方法

前提条件

必要なソフトウェアとバージョンを明記してください。
Node.js: 18.0.0以上
npm: 8.0.0以上
Claude Desktop: 最新版

インストール手順

1. リポジトリのクローン

bash
git clone https://github.com/run-llama/mcp-nextjs
cd mcp-nextjs

2. 依存関係のインストール

bash
npm install

3. Prismaの設定

bash
prisma generate
prisma db push

4. サーバーの起動

bash
npm run dev

トラブルシューティング

よくある問題

問題: サーバーが起動しない 解決策: Node.jsのバージョンを確認し、依存関係を再インストールしてください。 問題: Claude Desktopで認識されない 解決策: 設定ファイルのパスと構文を確認してください。

設定方法

設定方法

基本設定

環境変数

必要な環境変数は.envファイルに設定します。
bash
DATABASE_URL="postgresql://user:pass@server/database"
AUTH_SECRET="any random string"
GOOGLE_CLIENT_ID="a Google OAuth client ID"
GOOGLE_CLIENT_SECRET="a Google OAuth client secret"
REDIS_URL="rediss://user:pass@host:6379"

詳細設定

DATABASE_URLはOAuth認証に必要で、セッション情報が格納されます。
REDIS_URLはSSEトランスポートを使用する場合に必要です。

使用例

使用例

基本的な使用方法

MCPサーバーの基本的な使用方法を以下に示します:

プログラムでの使用

javascript
// JavaScript例(Node.js)
const { MCPClient } = require('@modelcontextprotocol/client');

const client = new MCPClient();
await client.connect();

// ツールの実行
const result = await client.callTool('toolName', {
  parameter1: 'value1',
  parameter2: 'value2'
});

console.log(result);

自動化スクリプト

bash
#!/bin/bash

バッチ処理の例

for file in *.txt; do mcp-tool process "$file" done

使用ケース

Claude Desktopとの統合により、MCPサーバーを使用したアプリケーションの開発
Cursorを利用してMCPサーバーに接続し、データを処理する
VSCodeでのMCPサーバーとの連携による開発効率の向上
MCP Inspectorを使用してMCPサーバーのデバッグおよび検証

追加リソース