WooCommerce MCP Web Dashboard

A full-stack, standalone Model Context Protocol (MCP) server integrated with a real-time web dashboard to manage WooCommerce stores directly from your browser.

Features

• Real-time SSE Communication: Connects your web frontend to the Node.js backend using Server-Sent Events (SSE).

• View Products & Orders: Fetch catalog details, inventory counts, pricing, and recent orders instantly.

• Update Stock: Modify product stock quantities dynamically (manage_stock: true) with automated error handling.

• Delete Products: Permanently delete products by ID using forced parameters via the WooCommerce REST API.

• Unified Deployment: Merges the MCP backend and frontend dashboard (index.html) into a single executable URL hosted seamlessly on Render.

Related MCP server: woocommerce-mcp

Tech Stack

• Backend: Node.js, Express.js, TypeScript, Axios, dotenv, CORS, @modelcontextprotocol/sdk.

• Frontend: HTML5, CSS3, JavaScript (Fetch API & EventSource).

• API Integration: WooCommerce REST API v3 (Authenticated via Consumer Key & Secret).

• Hosting: Render (Auto-deployment via GitHub).

Environment Variables

Configure the following variables in your .env file or Render Environment settings:

PORT=3000
WOO_URL=[https://your-woocommerce-store.com](https://your-woocommerce-store.com)
WOO_CONSUMER_KEY=ck_****************************************
WOO_CONSUMER_SECRET=cs_****************************************

Local Development & Setup
Clone the repository:

Bash
git clone [https://github.com/your-username/woo-mcp-server.git](https://github.com/your-username/woo-mcp-server.git)
cd woo-mcp-server
Install dependencies:

Bash
npm install
Build and start the server:

Bash
npm run build
npm start
Access the Dashboard:
Open http://localhost:3000 in your browser to interact with the live management panel.