What is Tengfone Supabase Nextjs Mcp Server

tengfone_supabase-nextjs-mcp-server is a TypeScript-based Model Context Protocol (MCP) server that implements a simple notes system for NextJS, showcasing core MCP concepts through resources, tools, and prompts related to text notes.

Use cases

Use cases include creating a personal note-taking application, building a collaborative note-sharing platform, or integrating with educational tools to summarize lecture notes.

How to use

To use tengfone_supabase-nextjs-mcp-server, set the environment variables NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY, install dependencies with npm install, build the server using npm run build, and configure it in the Claude Desktop application.

Key features

Key features include resource management for notes via note:// URIs, tools for creating new notes with titles and content, and prompts for summarizing all stored notes, which can be processed by a language model.

Where to use

tengfone_supabase-nextjs-mcp-server can be used in web applications that require note-taking functionalities, educational platforms for managing student notes, or any project needing a simple text storage and retrieval system.

supabase-nextjs-server MCP Server

A Model Context Protocol server

This is a TypeScript-based MCP server that implements a simple notes system for NextJS. It demonstrates core MCP concepts by providing:

• Resources representing text notes with URIs and metadata
• Tools for creating new notes
• Prompts for generating summaries of notes

Features

Init

• Require NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY environment variables

Resources

• List and access notes via note:// URIs
• Each note has a title, content and metadata
• Plain text mime type for simple content access

Tools

• create_note - Create new text notes
  • Takes title and content as required parameters
  • Stores note in server state

Prompts

• summarize_notes - Generate a summary of all stored notes
  • Includes all note contents as embedded resources
  • Returns structured prompt for LLM summarization

Development

Install dependencies:

npm install

Build the server:

npm run build

For development with auto-rebuild:

npm run watch

Installation

To use with Claude Desktop, add the server config:

On MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
On Windows: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "supabase-nextjs-server": {
      "command": "/path/to/supabase-nextjs-server/build/index.js"
    }
  }
}

Debugging

Since MCP servers communicate over stdio, debugging can be challenging. We recommend using the MCP Inspector, which is available as a package script:

npm run inspector

The Inspector will provide a URL to access debugging tools in your browser.