MCP Ui Phase1
M

MCP Ui Phase1

基於Next.js的快速開發項目模板
2分
8.2K

什麼是Next.js?

Next.js是一個基於React的框架,用於構建服務器渲染(SSR)和靜態生成(SSG)的現代化Web應用程序。它提供了開箱即用的路由、API路由、CSS支持等功能。

如何使用Next.js?

通過create-next-app腳手架快速創建項目,然後運行開發服務器即可開始開發。項目採用文件系統路由,頁面文件放在app目錄下自動生成對應路由。

適用場景

適合需要SEO優化的營銷頁面、內容型網站、電子商務平臺、需要快速加載的Web應用等場景。

主要功能

文件系統路由
無需配置路由,文件系統自動生成路由結構
服務器組件
默認使用React服務器組件,減少客戶端JavaScript體積
內置優化字體
通過next/font自動優化和加載字體資源
API路由
在app目錄下創建API端點,無需額外服務器配置
優勢
開箱即用的SSR和SSG支持
優秀的開發體驗和快速刷新
自動代碼分割和優化
Vercel平臺無縫部署
侷限性
對某些特定後端集成需要額外配置
學習曲線比純React應用略高
某些高級功能需要了解底層原理

如何使用

創建新項目
使用create-next-app腳手架初始化項目
啟動開發服務器
進入項目目錄並啟動開發服務器
編輯頁面
修改app/page.tsx文件來更新首頁內容

使用案例

創建營銷頁面
利用靜態生成功能快速構建高性能營銷頁面
構建博客系統
結合內容管理系統構建SEO友好的博客

常見問題

如何添加新頁面?
如何部署Next.js應用?
如何自定義字體?

相關資源

Next.js官方文檔
完整的Next.js功能文檔和API參考
Learn Next.js教程
交互式Next.js學習教程
Next.js GitHub倉庫
源代碼和問題追蹤
Vercel部署平臺
一鍵部署Next.js應用

安裝

複製以下命令到你的Client進行配置
注意:您的密鑰屬於敏感信息,請勿與任何人分享。

替代品

V
Vestige
Vestige是一個基於認知科學的AI記憶引擎,通過實現預測誤差門控、FSRS-6間隔重複、記憶夢境等29個神經科學模塊,為AI提供長期記憶能力。包含3D可視化儀表板和21個MCP工具,完全本地運行,無需雲端。
Rust
6.5K
4.5分
M
Moltbrain
MoltBrain是一個為OpenClaw、MoltBook和Claude Code設計的長期記憶層插件,能夠自動學習和回憶項目上下文,提供智能搜索、觀察記錄、分析統計和持久化存儲功能。
TypeScript
6.4K
4.5分
B
Bm.md
一個功能豐富的Markdown排版工具,支持多種樣式主題和平臺適配,提供即時編輯預覽、圖片導出和API集成能力
TypeScript
4.6K
5分
S
Security Detections MCP
Security Detections MCP 是一個基於Model Context Protocol的服務器,允許LLM查詢統一的安全檢測規則數據庫,涵蓋Sigma、Splunk ESCU、Elastic和KQL格式。最新3.0版本升級為自主檢測工程平臺,可自動從威脅情報中提取TTPs、分析覆蓋差距、生成SIEM原生格式檢測規則、運行測試並驗證。項目包含71+工具、11個預構建工作流提示和知識圖譜系統,支持多SIEM平臺。
TypeScript
6.7K
4分
P
Paperbanana
PaperBanana是一個自動化生成學術圖表和統計圖的智能框架,支持從文本描述生成高質量的論文插圖,採用多智能體管道和迭代優化,提供CLI、Python API和MCP服務器等多種使用方式。
Python
7.0K
5分
B
Better Icons
一個提供超過20萬圖標搜索和檢索的MCP服務器和CLI工具,支持150多個圖標庫,幫助AI助手和開發者快速獲取和使用圖標。
TypeScript
7.7K
4.5分
A
Assistant Ui
assistant-ui是一個開源TypeScript/React庫,用於快速構建生產級AI聊天界面,提供可組合的UI組件、流式響應、無障礙訪問等功能,支持多種AI後端和模型。
TypeScript
7.8K
5分
A
Apify MCP Server
Apify MCP服務器是一個基於模型上下文協議(MCP)的工具,允許AI助手通過數千個現成的爬蟲、抓取器和自動化工具(Apify Actor)從社交媒體、搜索引擎、電商等網站提取數據。它支持OAuth和Skyfire代理支付,可通過HTTPS端點或本地stdio方式集成到Claude、VS Code等MCP客戶端中。
TypeScript
6.7K
5分
B
Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務,提供地理編碼、路線規劃等10個標準化API接口,支持Python和Typescript快速接入,賦能智能體實現地圖相關功能。
Python
38.5K
4.5分
M
Markdownify MCP
Markdownify是一個多功能文件轉換服務,支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
31.2K
5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器,提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
123.0K
5分
S
Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器,通過定義思考階段幫助分解複雜問題並生成總結
Python
30.8K
4.5分
N
Notion Api MCP
已認證
一個基於Python的MCP服務器,通過Notion API提供高級待辦事項管理和內容組織功能,實現AI模型與Notion的無縫集成。
Python
18.4K
4.5分
M
Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具,通過自然語言描述幫助開發者快速創建現代化UI組件,支持多種IDE集成。
JavaScript
19.7K
5分
C
Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務,通過Model Context Protocol直接集成到提示中,解決LLM使用過時信息的問題。
TypeScript
80.4K
4.7分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
24.5K
4.8分
AIBase
智啟未來,您的人工智慧解決方案智庫
© 2026AIBase