Skip to main content
Glama
Sign In
deenesjakoruzh

Next.js MCP Server

by cameronking4
GitHub
TypeScript
MIT License
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue
Integrations

  • Allows integration of MCP servers into Next.js applications with specific route handling capabilities.

  • Enables Server-Sent Events (SSE) transport for MCP functionality when deployed on Vercel.

  • Provides TypeScript SDK support for defining tools, prompts, and resources in the MCP server implementation.

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
A
license - permissive license
-
quality - not tested

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.

  1. Bereitgestellte URL
    1. Merkmale
      1. MCP-Registrierung
        1. Verwendung
          1. API-Endpunkte
          2. Testen der API
        2. GitHub-Aktionen
          1. Hinweise zum Ausführen auf Vercel
            1. Beispielclient

              Related MCP Servers

              • mcp-perplexity

                daniel-lxs
                -
                security
                A
                license
                -
                quality
                MCP Server for the Perplexity API.
                Last updated -
                50
                Python
                MIT License
                • Linux
                • Apple

              • 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
                65
                3
                TypeScript
                MIT License

              • MCP Node Fetch

                mcollina
                -
                security
                A
                license
                -
                quality
                An MCP server that enables fetching web content using the Node.js undici library, supporting various HTTP methods, content formats, and request configurations.
                Last updated -
                66
                8
                TypeScript
                MIT License
                • Apple
                • Linux

              • Unstructured API MCP Serverofficial

                Unstructured-IO
                A
                security
                F
                license
                A
                quality
                An MCP server implementation that enables interaction with the Unstructured API, providing tools to list, create, update, and manage sources, destinations, and workflows.
                Last updated -
                39
                26
                • Apple

              View all related MCP servers

              New MCP Servers

              MCP directory API

              We provide all the information about MCP servers via our MCP API.

              curl -X GET 'https://glama.ai/api/mcp/v1/servers/cameronking4/nextjs-mcp-use'

              If you have feedback or need assistance with the MCP directory API, please join our Discord server