Install AI Tools

B2C Commerce tools, documentation, and skills for your assistant.

Claude

Install the plugin Recommended

bash
claude plugin marketplace add SalesforceCommerceCloud/b2c-developer-tooling
claude plugin install b2c-dx-mcp@b2c-developer-tooling --scope project

Start a new Claude Code session in your project. Use --scope user instead for all projects.

Manual MCP setup

From your project directory:

bash
claude mcp add --transport stdio --scope project b2c-dx-mcp -- npx -y @salesforce/b2c-dx-mcp@latest

Start a new session. Use --scope user instead for all projects. See Claude Code MCP setup.

Claude Desktop setup

Codex

Install the plugin Recommended

bash
codex plugin marketplace add SalesforceCommerceCloud/b2c-developer-tooling
codex plugin add b2c-dx-mcp@b2c-developer-tooling

Start a new Codex session in your project. This setup also works with the Codex IDE extension and the ChatGPT Work desktop app.

Manual MCP setup
bash
codex mcp add b2c-dx-mcp -- npx -y @salesforce/b2c-dx-mcp@latest

Or add this to ~/.codex/config.toml (or $CODEX_HOME/config.toml if customized):

toml
[mcp_servers.b2c-dx-mcp]
command = "npx"
args = ["-y", "@salesforce/b2c-dx-mcp@latest"]

Start a new session. See Codex MCP configuration.

ChatGPT online setup

VS Code

Install the plugin Recommended

  1. Open the Command Palette (Cmd/Ctrl+Shift+P) and run Chat: Install Plugin from Source.
  2. Enter SalesforceCommerceCloud/b2c-developer-tooling.
  3. Select b2c-dx-mcp and follow the installation prompts.
  4. Start a new chat in GitHub Copilot.
Manual MCP setup

Add this to .vscode/mcp.json in your workspace:

json
{
  "servers": {
    "b2c-dx-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@salesforce/b2c-dx-mcp@latest"]
    }
  }
}

See VS Code MCP setup.

Copilot CLI setup

Cursor

Reload the MCP server in Cursor after installation.

Manual MCP setup

Add this to .cursor/mcp.json in your project:

json
{
  "mcpServers": {
    "b2c-dx-mcp": {
      "command": "npx",
      "args": ["-y", "@salesforce/b2c-dx-mcp@latest"]
    }
  }
}

For all projects, use ~/.cursor/mcp.json instead.

See Cursor's MCP documentation.

OpenCode

Add this to opencode.json in your project:

json
{
  "mcp": {
    "b2c-dx-mcp": {
      "type": "local",
      "command": ["npx", "-y", "@salesforce/b2c-dx-mcp@latest"],
      "enabled": true
    }
  }
}

Restart OpenCode. For all projects, use ~/.config/opencode/opencode.json. See OpenCode MCP setup.

Gemini

From your project directory, run:

bash
gemini mcp add --scope project b2c-dx-mcp -- npx -y @salesforce/b2c-dx-mcp@latest

Start a new Gemini CLI session. Use --scope user instead for all projects. See Gemini CLI MCP setup.

No separate skills plugins needed.

Other clients and manual setup →
Skip to content
View as Markdown
View as Markdown

Storefront Next Commands

The b2c sfnext commands help you scaffold, develop, and deploy Storefront Next (SFNext) projects. The commands are provided by the @salesforce/storefront-next-dev package and run under the B2C CLI.

For a storefront connected to your B2C Commerce instance, start with storefront setup in Business Manager. It creates the API and MRT resources along with your storefront configuration. See our Storefront Next guide for ongoing CLI and assistant workflows.

Explore a Project Locally

To explore the template locally, use npx from outside an existing project:

bash
npx @salesforce/b2c-cli sfnext create-storefront

This creates local project files; it does not provision the storefront's B2C Commerce and MRT resources. See Explore Storefront Next Code Locally for the local workflow.

In-Project Commands

Once you have a project, the scaffolded package.json includes scripts that wrap the most common Storefront Next operations. Run them with your package manager:

bash
pnpm run dev               # start the local dev server
pnpm run cartridge:generate
pnpm run cartridge:deploy
pnpm run config:inspect

For building and uploading bundles, use the template's push script and follow the Storefront Next deployment guide.

You can also invoke development commands directly:

bash
b2c sfnext extensions list
b2c sfnext scapi add
b2c sfnext locales aggregate-extensions

Topics

  • b2c sfnext extensions — manage Storefront Next extensions (create, install, list, remove)
  • b2c sfnext scapi — manage SCAPI client overrides and custom APIs (add, available, list, remove)
  • b2c sfnext config — inspect and manage storefront configuration
  • b2c sfnext locales — manage locale and translation files

For full command reference and flags, run b2c sfnext <command> --help.