drio
Open app

supabase-nextjs-server MCP Server

Source

Mirror of

Catalog onlyCatalog onlySTDIO

Overview

The supabase-nextjs-server MCP Server is a TypeScript-based Model Context Protocol (MCP) server that implements a simple notes system for NextJS, demonstrating core MCP concepts through resources representing text notes with URIs and metadata.

To use the server, you need to set the NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY environment variables, install dependencies, build the server, and configure it with Claude Desktop.

  • Create and manage text notes with URIs and metadata. - Generate summaries of stored notes using prompts. - Supports debugging with the MCP Inspector.
  1. Creating and storing notes for a NextJS application.
  2. Summarizing notes for quick reference.
  3. Integrating with Claude Desktop for enhanced note management.

Add to your AI client

Use these steps to connect supabase-nextjs-server MCP Server in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "tengfone-supabase-nextjs-mcp-server-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-tengfone-supabase-nextjs-mcp-server-mcp-mirror"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "tengfone-supabase-nextjs-mcp-server-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-tengfone-supabase-nextjs-mcp-server-mcp-mirror"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "tengfone-supabase-nextjs-mcp-server-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-tengfone-supabase-nextjs-mcp-server-mcp-mirror"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "tengfone-supabase-nextjs-mcp-server-mcp-mirror": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-tengfone-supabase-nextjs-mcp-server-mcp-mirror"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "tengfone-supabase-nextjs-mcp-server-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-tengfone-supabase-nextjs-mcp-server-mcp-mirror"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "tengfone-supabase-nextjs-mcp-server-mcp-mirror": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-tengfone-supabase-nextjs-mcp-server-mcp-mirror"
      ]
    }
  }
}

FAQ

What are the requirements to run the server?

You need to set up the Supabase URL and Anon Key as environment variables.

How do I create a new note?

Use the `create_note` tool with the required title and content parameters.

Can I debug the server?

Yes, you can use the MCP Inspector for debugging.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":1151,"uuid":"79a3fc5e-9046-4b44-bdd9-f0889c13d5fa","name":"tengfone_supabase-nextjs-mcp-server","title":"supabase-nextjs-server MCP Server","description":"Mirror of","avatar_url":"https://avatars.githubusercontent.com/u/192820360?v=4","created_at":"2025-01-28T02:35:03.818Z","updated_at":"2025-02-23T07:20:08.239Z","status":"created","author_name":"MCP-Mirror","author_avatar_url":"https://avatars.githubusercontent.com/u/192820360?v=4","tags":"supabase,nextjs,mcp-server","category":"developer-tools","is_featured":false,"sort":1,"url":"https://github.com/MCP-Mirror/tengfone_supabase-nextjs-mcp-server","target":"_self","content":"$29","summary":"$2a","img_url":null,"type":null,"metadata":null,"user_uuid":null,"tools":null,"sse_url":null,"sse_provider":null,"sse_params":null,"is_official":false,"server_command":null,"server_params":null,"server_config":null,"allow_call":false,"is_innovation":false,"is_dxt":false,"dxt_manifest":null,"dxt_file_url":null,"is_audit":false},"randomProjects":[],"currentServerKey":"$undefined"}]]}]

Developer tools
supabase-nextjs-server MCP Server — MCP Registry