Nuxt 3 MCP-B Demo

A demo project showcasing integration of MCP-B (Model Context Protocol Browser) with Nuxt 3.

MCP-B allows the website to become a MCP server exposing various tools. Read more about MCP-B here

The code for the MCP Server and tools are in app.vue. Checkout the composable branch to see how to use MCP-B with a Nuxt 3 composable.

Features

• Nuxt 3 framework
• MCP-B transports integration
• Model Context Protocol SDK

Demo

Setup

1. Install the Chrome Extension

Install the Chrome Extension

2. Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

3. Run Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev