Webcake Landing MCP is project build webiste, manage dashboard, custom code,...
Setup
Choose your client, copy the config, then fill in any required environment variables.
Local
claude mcp add webcake-storefront --env WEBCAKE_TOKEN='<WEBCAKE_TOKEN>' --env WEBCAKE_SESSION_ID='<WEBCAKE_SESSION_ID>' --env PEXELS_API_KEY='<PEXELS_API_KEY>' -- npx -y webcake-storefront-mcp~/.codex/config.toml
[mcp_servers.webcake-storefront]
command = "npx"
args = ["-y", "webcake-storefront-mcp"]
env = { WEBCAKE_TOKEN = "<WEBCAKE_TOKEN>", WEBCAKE_SESSION_ID = "<WEBCAKE_SESSION_ID>", PEXELS_API_KEY = "<PEXELS_API_KEY>" }
# codex mcp add webcake-storefront --env WEBCAKE_TOKEN='<WEBCAKE_TOKEN>' --env WEBCAKE_SESSION_ID='<WEBCAKE_SESSION_ID>' --env PEXELS_API_KEY='<PEXELS_API_KEY>' -- npx -y webcake-storefront-mcp~/.cursor/mcp.json
{
"mcpServers": {
"webcake-storefront": {
"command": "npx",
"args": [
"-y",
"webcake-storefront-mcp"
],
"env": {
"WEBCAKE_TOKEN": "<WEBCAKE_TOKEN>",
"WEBCAKE_SESSION_ID": "<WEBCAKE_SESSION_ID>",
"PEXELS_API_KEY": "<PEXELS_API_KEY>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"webcake-storefront": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"webcake-storefront-mcp"
],
"env": {
"WEBCAKE_TOKEN": "<WEBCAKE_TOKEN>",
"WEBCAKE_SESSION_ID": "<WEBCAKE_SESSION_ID>",
"PEXELS_API_KEY": "<PEXELS_API_KEY>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"webcake-storefront": {
"command": "npx",
"args": [
"-y",
"webcake-storefront-mcp"
],
"env": {
"WEBCAKE_TOKEN": "<WEBCAKE_TOKEN>",
"WEBCAKE_SESSION_ID": "<WEBCAKE_SESSION_ID>",
"PEXELS_API_KEY": "<PEXELS_API_KEY>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"webcake-storefront": {
"command": "npx",
"args": [
"-y",
"webcake-storefront-mcp"
],
"env": {
"WEBCAKE_TOKEN": "<WEBCAKE_TOKEN>",
"WEBCAKE_SESSION_ID": "<WEBCAKE_SESSION_ID>",
"PEXELS_API_KEY": "<PEXELS_API_KEY>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"webcake-storefront": {
"command": "npx",
"args": [
"-y",
"webcake-storefront-mcp"
],
"env": {
"WEBCAKE_TOKEN": "<WEBCAKE_TOKEN>",
"WEBCAKE_SESSION_ID": "<WEBCAKE_SESSION_ID>",
"PEXELS_API_KEY": "<PEXELS_API_KEY>"
}
}
}
}Remote
claude mcp add --transport http webcake-storefront https://store.toolvn.io.vn/mcp --header 'x-webcake-jwt: <X_WEBCAKE_JWT>' --header 'x-webcake-session-id: <X_WEBCAKE_SESSION_ID>'~/.codex/config.toml
[mcp_servers.webcake-storefront]
url = "https://store.toolvn.io.vn/mcp"
http_headers = { x-webcake-jwt = "<X_WEBCAKE_JWT>", x-webcake-session-id = "<X_WEBCAKE_SESSION_ID>" }
# codex mcp add webcake-storefront --url https://store.toolvn.io.vn/mcp~/.cursor/mcp.json
{
"mcpServers": {
"webcake-storefront": {
"url": "https://store.toolvn.io.vn/mcp",
"headers": {
"x-webcake-jwt": "<X_WEBCAKE_JWT>",
"x-webcake-session-id": "<X_WEBCAKE_SESSION_ID>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"webcake-storefront": {
"type": "http",
"url": "https://store.toolvn.io.vn/mcp",
"headers": {
"x-webcake-jwt": "<X_WEBCAKE_JWT>",
"x-webcake-session-id": "<X_WEBCAKE_SESSION_ID>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"webcake-storefront": {
"httpUrl": "https://store.toolvn.io.vn/mcp",
"headers": {
"x-webcake-jwt": "<X_WEBCAKE_JWT>",
"x-webcake-session-id": "<X_WEBCAKE_SESSION_ID>"
}
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"webcake-storefront": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://store.toolvn.io.vn/mcp",
"--header",
"x-webcake-jwt:<X_WEBCAKE_JWT>",
"--header",
"x-webcake-session-id:<X_WEBCAKE_SESSION_ID>"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"webcake-storefront": {
"url": "https://store.toolvn.io.vn/mcp",
"headers": {
"x-webcake-jwt": "<X_WEBCAKE_JWT>",
"x-webcake-session-id": "<X_WEBCAKE_SESSION_ID>"
}
}
}
}Environment variables
WEBCAKE_TOKENWEBCAKE_SESSION_IDPEXELS_API_KEY
Replace the placeholders with your own credentials and keep them out of version control.