PropelAuth Integration MCP Server

The PropelAuth Integration MCP Server helps you and your favorite AI agent integrate PropelAuth as quickly and easily as possible into your project. Whether you're integrating PropelAuth into your Next.js project or your FastAPI backend, the Integration MCP Server will ensure your AI agent has the best context possible for a successful integration.

PropelAuth's Integration server is also a great tool when building your own hosted pages, such as login and signup pages. The MCP server provides your agent with all the steps required in using our frontend APIs as well as example components that it can customize to your app's styling.

Looking for how to add authentication to your own MCP server? Check out the docs here.

Installation

To use the PropelAuth Integration MCP Server follow the instructions from your favorite AI agent's documentation on how to install a custom MCP server. The following is a standard configuration that works in most tools:

{
  "mcpServers": {
    "propelauth": {
      "url": "https://mcp.propelauth.com/mcp" 
    }
  }
}

Cursor

In the top menu bar, navigate to Settings -> Cursor Settings. On the settings page, select Tools & MCP followed by New MCP Server. This will open a document titled mcp.json. Add the json above and save.

Claude Desktop

In Claude Desktop, click on the + icon -> Connectors -> Manage connectors -> Add custom connector. When prompted, enter "PropelAuth" as the name and "https://mcp.propelauth.com/mcp" as the URL.

Claude CLI

In your terminal run the following command:

claude mcp add --transport http -s user propelauth https://mcp.propelauth.com/mcp

Gemini CLI

In your terminal run the following command:

gemini mcp add --transport http -s user propelauth https://mcp.propelauth.com/mcp

Tools

Tool	Description
`integrate_propelauth_backend`	Assists in integrating PropelAuth into your backend.
`integrate_propelauth_frontend`	Assists in integrating PropelAuth into your frontend.
`integrate_propelauth_fullstack`	Assists in integrating PropelAuth into your Next.js fullstack application.
`propelauth_backend_api`	Assists in integrating PropelAuth's backend APIs into your backend.
`propelauth_custom_ui`	Assists in integrating PropelAuth's frontend APIs to build custom UI components.

Prompting

Use prompts such as the following to help integrate PropelAuth into your application:

Integrate PropelAuth into my React frontend application
Add a logout button
Integrate PropelAuth into my FastAPI backend
Make an authenticated request to my backend
Create a table component that displays an organization's membership
Create a login page that includes email/password login, Login with Google, and Enterprise SSO