MCP Server for React Router Supabase Turbo

Configure MCP for React Router Supabase Turbo for best AI assistance using AI Agents

The Makerkit MCP Server provides tools to AI Agents for working with the codebase.

Build MCP Server

Run the command:

pnpm --filter "@kit/mcp-server" build

The command will build the MCP Server at packages/mcp-server/build/index.js.

Adding MCP Servers to AI Coding tools

In general, tools should automatically detect the MCP Server and use it as we ship the configuration in the .mcp.json file. However, you can add it manually to your AI coding tool by following the steps below.

Before getting started, retrieve the absolute path to the index.js file created above. You can normally do this in your IDE by right-clicking the index.js file and selecting Copy Path.

I will reference this as <full-path> in the steps below: please replace it with the full path to your index.js.

Claude Code

Run the command below:

claude mcp add makerkit node <full-path>

Restart Claude Code. If no errors appear, the MCP should be correctly configured.

Codex

Open the Codex YAML config and add the following:

[mcp_servers.makerkit]
command = "node"
args = ["<full-path>"]

Cursor

Open the mcp.json config in Cursor and add the following config:

{
"mcpServers": {
"makerkit": {
"command": "node",
"args": ["<full-path>"]
}
}
}