Set Up the Chipi MCP Server

​

Prerequisites

• Node.js
• A project already initialized with Next.js
• An Account at ChipiPay Dashboard
• A created project in clerk
• npm or pnpm as a package manager
• Tailwind CSS configured

​

Setup the Chipi MCP Serve

1

Configure MCP in Cursor

Click the button below to install the Chipi MCP server in Cursor.

2

Inside your project, create a components.json file by running:

npm

pnpm

Copy

Ask AI

npx shadcn@latest init

3

Add chipi to the registries section in components.json

Copy

Ask AI

 "registries": {
 "@chipi": "https://mcp.chipipay.com/r/{name}.json"
}

4

After installation, you can ask

Once the Chipi MCP server is installed, Cursor acts as your assistant for working with Chipi. You can now:

• 🔍 Discover what’s in the registry — “What components are available in chipiMcp list all of them”
• 📥 Install all components and hooks into your project — “Install all components, hooks, and utilities from chipiMcp to set up a fully custom crypto-enabled app. ”
• 🛠️ Get usage examples — “Show me how to use Chipi’s Baseprovider with Next.js.”
• 📚 Read documentation — “What props does PayCryptoButton accept?”
• 🧪 Debug your setup — “Check if my Chipi Pay config is correct, check if I am using and installing all correct dependecies from chipiMcp and chipi registry.json”

This means you don’t have to memorize commands or file paths — just ask Cursor, and it will fetch, install, and explain Chipi components directly in your project.

​

Troubleshooting

• Registry not loading: Check your internet connection and registry URL.
• Components not found: Ensure the MCP server is running.
• Styling issues: Make sure Tailwind CSS is properly configured.

curl -s "https://mcp.chipipay.com/r/registry.json" | jq '.items[] | {name, title, type}'