nextjs-dropin-template (v0.1.0)

Demo MCP server living alongside a Next.js app at src/mcp/. Renders the Next.js starter page inside the MCP widget to show the shared-component story.

https://bold-pulse-8pyay.run.mcp-use.com/mcp
Open in Inspector
Powered by github.com/mcp-use/mcp-use GitHub stars

Installation Guide

Choose your preferred MCP client

Install in Claude Code

Run this command in your terminal:

claude mcp add --transport http "nextjs-dropin-template" https://bold-pulse-8pyay.run.mcp-use.com/mcp

Install in Cursor

Click the button below to add this MCP server to Cursor:

Open in Cursor

Or add manually: Settings → MCP → Add server

Install in VS Code

Click the button below to add this MCP server to VS Code:

Open in VS Code

Or add manually: Settings → MCP → Add server

Install in VS Code Insiders

Click the button below to add this MCP server to VS Code Insiders:

Open in VS Code Insiders

Or add manually: Settings → MCP → Add server

Connect with ChatGPT

  1. Enable Developer Mode: Settings → Connectors → Advanced → Developer mode
  2. Import this MCP server: Go to Connectors tab and add: https://bold-pulse-8pyay.run.mcp-use.com/mcp
  3. Use in conversations: Choose the MCP server from the Plus menu

Primitives

Tools (1)

show_demo_page

Render the Next.js create-next-app starter page inside an MCP widget, using the same component the Next.js home page renders.

Resources (1)

ui://widget/demo_page.htmldemo_page

The Next.js create-next-app starter page, rendered inside the MCP widget iframe.