Skip to main content
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.
Frontic MCP Server Hero

​
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

Add to your Claude Code MCP settings (~/.claude/settings.json or project-level .claude/settings.json):
{
  "mcpServers": {
    "frontstack": {
      "url": "https://mcp.frontic.com"
    }
  }
}
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"
    }
  }
}
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: 
List all my Frontic projects and show me the resources in my main project

What storages and data structures are available in my project?

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

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

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

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.