Amber Tech Portfolio Blog

Amber的技术组合博客

一个使用Next.js、TypeScript和Markdown构建的静态生成博客，其中包含有关代理AI、MCP服务器和现代开发工作流程的帖子。

本博客展示了Next.js的静态生成功能，该功能使用Markdown文件作为数据源，并集成了用于实时内容访问的MCP服务器。

特性

• 使用Next.js和TypeScript生成静态站点
• 支持前台的Markdown博客文章
• MCP服务器端点位于 /mcp/posts 用于AI工具集成
• 顺风CSS样式
• 文章主要关注代理AI、MCP和开发人员工具

MCP集成

该博客包括一个MCP服务器，通过HTTP端点公开博客内容，使亚马逊Q等人工智能工具能够实时查询帖子。访问帖子 http://localhost:4000/mcp/posts.

入门指南

安装依赖项并运行开发服务器：

npm install
npm run dev

您的博客将在 http://localhost:3000.

要启动MCP服务器，请执行以下操作：

npm run mcp-server

MCP端点将在 http://localhost:4000/mcp/posts.

部署

部署到Vercel：


技术栈

• Next.js 14与应用路由器
• TypeScript
• Tailwind CSS
• 带灰质的Markdown
• MCP服务器集成