StackMCP

Headless CMS Stack for Claude Code

Intermediate5 servers57.2K tokens

Configuration

{
  "mcpServers": {
    "sanity-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@sanity/mcp-server"
      ],
      "env": {
        "SANITY_PROJECT_ID": "YOUR_SANITY_PROJECT_ID",
        "SANITY_TOKEN": "YOUR_SANITY_TOKEN"
      }
    },
    "supabase-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@supabase/mcp-server-supabase"
      ],
      "env": {
        "SUPABASE_ACCESS_TOKEN": "YOUR_SUPABASE_ACCESS_TOKEN"
      }
    },
    "vercel-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "vercel-mcp"
      ],
      "env": {
        "VERCEL_API_TOKEN": "YOUR_VERCEL_API_TOKEN"
      }
    },
    "github-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-github"
      ],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "YOUR_GITHUB_PERSONAL_ACCESS_TOKEN"
      }
    },
    "cloudinary-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@cloudinary/asset-management-mcp"
      ],
      "env": {
        "CLOUDINARY_CLOUD_NAME": "YOUR_CLOUDINARY_CLOUD_NAME",
        "CLOUDINARY_API_KEY": "YOUR_CLOUDINARY_API_KEY",
        "CLOUDINARY_API_SECRET": "YOUR_CLOUDINARY_API_SECRET"
      }
    }
  }
}

CLI Commands

Alternatively, add each server via the Claude Code CLI:

claude mcp add sanity-mcp -e SANITY_PROJECT_ID=YOUR_SANITY_PROJECT_ID -e SANITY_TOKEN=YOUR_SANITY_TOKEN -- npx -y @sanity/mcp-server
claude mcp add supabase-mcp -e SUPABASE_ACCESS_TOKEN=YOUR_SUPABASE_ACCESS_TOKEN -- npx -y @supabase/mcp-server-supabase
claude mcp add vercel-mcp -e VERCEL_API_TOKEN=YOUR_VERCEL_API_TOKEN -- npx -y vercel-mcp
claude mcp add github-mcp -e GITHUB_PERSONAL_ACCESS_TOKEN=YOUR_GITHUB_PERSONAL_ACCESS_TOKEN -- npx -y @modelcontextprotocol/server-github
claude mcp add cloudinary-mcp -e CLOUDINARY_CLOUD_NAME=YOUR_CLOUDINARY_CLOUD_NAME -e CLOUDINARY_API_KEY=YOUR_CLOUDINARY_API_KEY -e CLOUDINARY_API_SECRET=YOUR_CLOUDINARY_API_SECRET -- npx -y @cloudinary/asset-management-mcp

Where to save

Paste the config above into:

~/.claude.json

Environment Variables

Replace the YOUR_ placeholders with your actual values.

SANITY_PROJECT_IDrequired

Sanity project ID

Used by: Sanity MCP

SANITY_TOKENrequired

Sanity API token with write access

Used by: Sanity MCP

SUPABASE_ACCESS_TOKENrequired

Supabase personal access token

Used by: Supabase MCP

VERCEL_API_TOKENrequired

Vercel API token

Used by: Vercel MCP

GITHUB_PERSONAL_ACCESS_TOKENrequired

GitHub personal access token

Used by: GitHub MCP

CLOUDINARY_CLOUD_NAMErequired

Cloudinary cloud name

Used by: Cloudinary MCP

CLOUDINARY_API_KEYrequired

Cloudinary API key

Used by: Cloudinary MCP

CLOUDINARY_API_SECRETrequired

Cloudinary API secret

Used by: Cloudinary MCP

What’s in this stack

Sanity MCP40 tools

Manage Sanity CMS content with 40+ tools for document operations, schema management, content releases, GROQ queries, and media generation.

Manage structured content with a flexible, real-time headless CMS that supports custom schemas, GROQ queries, and live previews.

Supabase MCP25 tools

Query your Supabase database, manage tables, run migrations, deploy edge functions, and manage branches directly from your AI editor.

Add authentication, user management, and relational data storage for content that needs access control and dynamic features.

Vercel MCP12 tools

Connect to the Vercel API to manage deployments, projects, domains, and environment variables from your AI editor.

Deploy your frontend with automatic preview deployments, edge caching, and instant rollbacks for every content update.

GitHub MCP20 tools

Access the GitHub API to manage repositories, issues, pull requests, branches, and workflows directly from your AI editor.

Version control your CMS schemas, frontend code, and content migrations with collaborative pull request workflows.

Cloudinary MCP14 tools

Upload, transform, search, and manage images and videos on Cloudinary with asset management, folder operations, and usage metrics.

Optimize, transform, and deliver images and videos at scale — automatic format selection, resizing, and CDN delivery for all media assets.

Other editors

CursorVS CodeWindsurfClaude DesktopContinue