Back to MCP directory
publicPublicdnsLocal runtime

mcp-host-server-demo

这是一个使用create-next-app初始化的Next.js项目,包含开发服务器启动命令、页面编辑指南、字体优化以及部署到Vercel的说明。

article

README

🚀 Next.js 项目

本项目借助 create-next-app 工具创建,基于 Next.js 框架构建,为你提供高效便捷的 Web 开发体验。

🚀 快速开始

启动开发服务器

首先,你可以选择以下任意一种方式来运行开发服务器:

npm run dev
# 或者
yarn dev
# 或者
pnpm dev
# 或者
bun dev

查看项目效果

在服务器启动后,打开浏览器并访问 http://localhost:3000,即可查看项目的运行结果。

开始修改页面

若你想对页面进行修改,可直接编辑 app/page.tsx 文件。在编辑过程中,页面会自动更新,让你实时看到修改效果。

字体优化

本项目运用了 next/font 来自动优化并加载 Geist(Vercel 的新字体系列),为页面提供美观的字体显示。

📚 详细文档

了解 Next.js

若你希望深入了解 Next.js,可参考以下资源:

  • Next.js 文档:详细介绍了 Next.js 的功能和 API,助你全面掌握该框架。
  • 学习 Next.js:提供互动式教程,让你通过实践快速上手 Next.js。

参与贡献

你可以访问 Next.js 的 GitHub 仓库,欢迎你提供反馈和贡献代码,共同推动项目的发展。

🚀 部署到 Vercel

部署 Next.js 应用最简单的方式是使用由 Next.js 创建者提供的 Vercel 平台

若你需要更详细的部署信息,可查阅 Next.js 部署文档

help

Runtime guide

cloud

Hosted runtime

Hosted servers run from a provider-managed environment. You usually connect the MCP client to the hosted endpoint or follow the provider's authorization flow, without keeping a local process alive

  1. Open provider connection page
  2. Authorize or copy endpoint
  3. Connect from your MCP client
terminal

Local runtime / other methods

Local servers run on your own machine or infrastructure. You normally copy the server_config into your MCP client, install the required package, and provide env variables from env_schema when needed

  1. Copy server_config
  2. Install required package
  3. Fill env variables and restart client