Mcp Server Frontend
About
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). ## Getting Started First, run the development server: ```bash npm run dev # or yarn dev # or pnpm dev # or bun dev ``` Open…
Details
- Author
- heithemkacem
- Downloads
- 90
- Categories
- Other
Jump to
- Bootstrapped with Next.js and create-next-app
- Editable starting page at app/page.tsx
- Auto‑updates on file changes during development
- Uses next/font for optimized font loading (Geist)
- Official deployment support on the Vercel Platform
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Mcp Server FrontendCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Run the development server with npm run dev, yarn dev, pnpm dev, or bun dev, then open http://localhost:3000. Edit app/page.tsx to modify the page, which auto-updates on save.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"mcp server frontend": {
"mcp-server-frontend": {
"command": "bun",
"args": [
"dev"
]
}
}
}
}McpServers
{
"mcp-server-frontend": {
"command": "bun",
"args": [
"dev"
]
}
}This is a Next.js project bootstrapped with create-next-app.
Getting Started
First, run the development server:
npm run dev
or
yarn dev
or
pnpm dev
or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
