MCP DEMO

@Pranoschal

Basic information

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.

MCP DEMO config

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

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

MCP DEMO tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

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)

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

More Other MCP servers

Yuppsy

Yuppsy MCP: build and publish real estate websites from your AI assistant. Yuppsy lets your AI assistant create live websites for real estate agents and individual property listings. You don't need a designer or any code

The Living Bread

A free remote MCP server for The Living Bread. Bible passages read word for word from a stored public domain text with an evidence label, keyword search and cross references, real churches, gatherings and prayer groups w