MCP DEMO

@Pranoschal

About MCP DEMO

This project demonstrates a client-server architecture using a custom MCP (Model Configuration Protocol) server integrated with MCP tools to dynamically generate and return React + TypeScript code.

Config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "mcp-demo-pranoschal": {
      "command": "bun",
      "args": [
        "dev"
      ]
    }
  }
}

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is MCP DEMO?

MCP DEMO is a Next.js project bootstrapped with create-next-app. It provides a basic web application template with automatic font optimization and page auto-reloading.

How to use MCP DEMO?

Run the development server with npm run dev, yarn dev, pnpm dev, or bun dev. Open http://localhost:3000 to see the result. Edit app/page.tsx to modify the page; it auto-updates.

Key features of MCP DEMO

Bootstrapped with create-next-app for quick setup
Automatic font optimization via next/font
Uses Geist font family from Vercel
Page auto-updates on file edits
Development server with hot reloading

Use cases of MCP DEMO

— (no use cases described in README)

FAQ from MCP DEMO

How do I run the development server?

Use npm run dev, yarn dev, pnpm dev, or bun dev. Then open http://localhost:3000 in your browser.

How are fonts optimized?

This project uses next/font to automatically optimize and load Geist, a font family for Vercel.

How do I deploy MCP DEMO?

The easiest way is to use the Vercel Platform. See the Next.js deployment documentation for more details.

What resources are available for learning Next.js?

See Next.js Documentation and Learn Next.js for tutorials. Contributions are welcome via the Next.js GitHub repository.

Frequently asked questions

How do I run the development server?

Use `npm run dev`, `yarn dev`, `pnpm dev`, or `bun dev`. Then open [http://localhost:3000](http://localhost:3000) in your browser.

How are fonts optimized?

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a font family for Vercel.

How do I deploy MCP DEMO?

The easiest way is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme). See the [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

What resources are available for learning Next.js?

See [Next.js Documentation](https://nextjs.org/docs) and [Learn Next.js](https://nextjs.org/learn) for tutorials. Contributions are welcome via the [Next.js GitHub repository](https://github.com/vercel/next.js).

Comments

Basic information

More Other MCP servers

Unity MCP ✨

justinpbarnett

Unity MCP acts as a bridge between AI assistants and your Unity Editor. Give your LLM tools to manage assets, control scenes, edit scripts, and automate tasks within Unity.

12.2K

Lemon.io

lemon-io

Request dedicated senior developers to work on your project, write job descriptions, and prep technical interviews — all without leaving your Claude chat. Just describe what you need, and Lemon.io MCP does the rest. 1–3

Mcp

browsermcp

Browser MCP is a Model Context Provider (MCP) server that allows AI applications to control your browser

6.8K

DeepMark

DeepMark helps teachers deliver rapid, consistent marking with meaningful feedback for every student — in a fraction of the time. What once took a week, now takes one free period.

ghidraMCP

LaurieWired

MCP Server for Ghidra

9.4K