MCP Server

Developer Preview - This feature is currently in developer preview. We’re actively looking for feedback from early users and will be improving it significantly in the coming weeks. Share your feedback.

The Frontic MCP (Model Context Protocol) server enables seamless integration between AI coding assistants and your Frontic Commerce projects, allowing you to build storefronts and configure your Frontic API directly from your IDE.

Overview

Connect your favorite AI coding assistants directly to your Frontic Commerce projects through secure OAuth authentication. Build a frontend AND the corresponding Frontic API - all from your coding agent or IDE of choice.

Claude Code

Full project management and content creation workflows

Claude Desktop

Interactive Frontic operations from your desktop

Cursor

Integrated development experience with AI assistance

Setup

Add the Frontic MCP server to your MCP client configuration:

{
  "mcpServers": {
    "frontstack": {
      "url": "https://mcp.frontic.com"
    }
  }
}

The first time you connect, you’ll be prompted to authenticate via OAuth. This secure flow ensures your Frontic data stays protected while giving AI tools the access they need.

Client-Specific Configuration

Claude Code

Add to your Claude Code MCP settings (~/.claude/settings.json or project-level .claude/settings.json):

{
  "mcpServers": {
    "frontstack": {
      "url": "https://mcp.frontic.com"
    }
  }
}

Claude Desktop

Add to your Claude Desktop configuration file:

• macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
• Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "frontstack": {
      "url": "https://mcp.frontic.com"
    }
  }
}

Cursor

Add to your Cursor MCP settings (.cursor/mcp.json in your project or global settings):

{
  "mcpServers": {
    "frontstack": {
      "url": "https://mcp.frontic.com"
    }
  }
}

Example Prompts

Once connected, try these prompts to explore the MCP server’s capabilities:

Explore Your Projects

List all my Frontic projects and show me the resources in my main project

Understand Your Data

What storages and data structures are available in my project?

Build a Product Listing

Create a product listing with filters for category and price, sorted by newest first

Create a Hero Block

Create a hero block with fields for title, subtitle, background image, and CTA button

Build a Page

Create a homepage with a hero section at the top and a featured products listing below

Full Storefront Setup

Help me set up a basic storefront with a homepage, product listing page, and the necessary blocks

Available Tools

The MCP server provides 10 tools for managing your Frontic projects:

Project Management

list_projects

Browse all your Frontic projects.

List all my Frontic projects

list_resources

View blocks, pages, and storages within a project.

Show me all resources in my project

get_storage_ids

Explore data structures and storage IDs available in your project.

What storage IDs are available?

Content Creation

create_block

Create new blocks with configurable fields.

Create a new hero block with title and image fields

create_listing

Build query-based listings with sorting and filtering configuration.

Create a product listing with price sorting

create_page

Configure pages from blocks.

Create a homepage using the hero and product listing blocks

Content Management

manage_block

Update block configurations including fields and settings.

Add a description field to the hero block

manage_listing

Update listing configurations like sorting and filtering options.

Add category filtering to the product listing

update_page

Modify page configurations.

Update the homepage to include a footer block

Cleanup

delete_entity

Remove blocks, listings, pages, or other resources.

Delete the unused banner block

Upcoming Features

We’re continuously improving the MCP server with new capabilities:

• Storage management tools
• Enhanced content operations
• Additional configuration options

Stay tuned for updates as we expand the MCP server’s functionality.