Next.js MCP-Server

Headless MCP-Nutzung (aus der Registry) mit Next.js

Verwendet @vercel/mcp-adapter mit einem konfigurierbaren MCP-Register

Bereitgestellte URL

Diese Anwendung wird bereitgestellt unter: https://nextjs-mcp-use.vercel.app

Merkmale

MCP-Registrierung : Konfigurieren Sie mehrere MCP-Server in einer einzigen JSON-Datei
GitHub Actions : Testen und überwachen Sie Ihre API-Endpunkte mit geplanten und manuellen Workflows
Fehlerbehandlung : Sanfte Behandlung von Timeouts und Verbindungsfehlern
Umgebungsvariablen : Konfigurieren Sie Umgebungsvariablen für jeden MCP-Server

MCP-Registrierung

Die MCP-Registrierung ist eine JSON-Konfigurationsdatei, die Informationen zu allen verfügbaren MCP-Servern speichert. Jeder Server kann aktiviert oder deaktiviert werden und über eigene Umgebungsvariablen verfügen.

Die Registrierung befindet sich unter config/mcp-registry.json und hat die folgende Struktur:

{
  "server-name": {
    "url": "http://localhost:3002/sse",
    "enabled": true,
    "env": {
      "API_KEY": "your-api-key"
    }
  },
  "another-server": {
    "url": "https://example.com/sse",
    "enabled": false
  }
}

Verwendung

Diese Beispiel-App verwendet den Vercel MCP-Adapter , mit dem Sie einen MCP-Server in eine Gruppe von Routen in jedem Next.js-Projekt einfügen können.

Aktualisieren Sie app/[transport]/route.ts mit Ihren Tools, Eingabeaufforderungen und Ressourcen gemäß der MCP TypeScript SDK-Dokumentation .

API-Endpunkte

Chat-API : /api/chat – Streaming-Chat-Endpunkt
Completions-API : /api/completions – Endpunkt für nicht gestreamte Chat-Completions

Testen der API

Sie können die API-Endpunkte mit dem bereitgestellten Testskript testen:

# Test the chat endpoint
npm run test:chat -- --message "Your message here"

# Test the completions endpoint
npm run test:completions -- --message "Your message here"

# Test with a custom URL
npm run test:chat -- --url http://localhost:3000/api/chat --message "Your message here"

GitHub-Aktionen

Dieses Projekt umfasst GitHub Actions-Workflows zum Testen und Überwachen der API-Endpunkte. Weitere Informationen finden Sie in der Datei .github/workflows/README.md .

Hinweise zum Ausführen auf Vercel

Um den SSE-Transport zu verwenden, ist ein Redis erforderlich, das unter process.env.REDIS_URL an das Projekt angehängt ist.
Stellen Sie sicher, dass Fluid Compute für eine effiziente Ausführung aktiviert ist
Nachdem Sie Fluid Compute aktiviert haben, öffnen Sie app/route.ts und passen Sie maxDuration auf 800 an, wenn Sie ein Vercel Pro- oder Enterprise-Konto verwenden
Bereitstellen der Next.js MCP-Vorlage

Beispielclient

scripts/test-client.mjs enthält einen Beispielclient zum Ausprobieren von Aufrufen.

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

This server cannot be installed

security - not tested

license - permissive license

quality - not tested

How are these scores calculated?

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Eine Beispielimplementierung eines MCP-Servers für Next.js-Projekte, die den Vercel MCP-Adapter verwendet, um Protokollanforderungen über verschiedene Transportmethoden hinweg zu verarbeiten.

Related MCP Servers

Vercel MCP
zueai
A
security
A
license
A
quality
An MCP server that provides tools for interacting with Vercel API, enabling management of deployments, DNS records, domains, projects, and environment variables through natural language.
Last updated -
7
109
16
TypeScript
MIT License
Vercel MCP
fefergrgrgrg
A
security
F
license
A
quality
An MCP server that provides various tools for interacting with the Vercel API, enabling management of deployments, DNS records, domains, projects, and environment variables through natural language commands.
Last updated -
7
109
19
JavaScript
Example Next.js MCP Server
AbdelatifAbualya
-
security
A
license
-
quality
A drop-in MCP server implementation for Next.js projects using Vercel MCP Adapter, allowing developers to integrate model context protocol functionality with custom tools, prompts, and resources.
Last updated -
JavaScript
MIT License
Example Next.js MCP Server
mat-hiretalk
-
security
A
license
-
quality
A sample implementation of a Model Context Protocol server using Next.js and the Vercel MCP Adapter, allowing developers to create AI assistants with custom tools and resources.
Last updated -
TypeScript
MIT License

View all related MCP servers

Next.js MCP Server