mcpField
N
nextjs

nextjs

github.com/partme-ai开发727113 次安装5 周前更新
代码仓库

关于 nextjs

面向 Next.js 应用开发与配置的文档技能。它将 App Router、Pages Router、架构和社区主题对应到示例文件及官方文档。

主要功能

  1. 01App Router 和 Pages Router 指引
  2. 02路由与数据获取主题
  3. 03缓存和部署参考
  4. 04官方 API 与配置指引
  5. 05示例按文档路径映射

适用场景

  1. 01查找 Next.js 主题文档
  2. 02实现路由或数据获取
  3. 03查看缓存和部署选项
  4. 04查阅官方 API 与配置

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/partme-ai/full-stack-skills --skill nextjs

安装后在 Claude Code 中输入/nextjs确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

LICENSE.txt
examples/app/api-reference/cli/
create-next-app.md
next.md
examples/app/api-reference/cli/index/
index.md
examples/app/api-reference/components/
font.md
form.md
image.md
link.md
script.md
examples/app/api-reference/components/index/
index.md
examples/app/api-reference/config/
eslint.md
examples/app/api-reference/config/index/
index.md
examples/app/api-reference/config/next-config-js/
adapterPath.md
allowedDevOrigins.md
appDir.md
assetPrefix.md
authInterrupts.md
basePath.md
browserDebugInfoInTerminal.md
cacheComponents.md
cacheHandlers.md
cacheLife.md
compress.md
crossOrigin.md
cssChunking.md
devIndicators.md
distDir.md
env.md
expireTime.md
exportPathMap.md

详细介绍

何时使用此技能

在用户希望执行以下操作时使用此技能：

  • 查阅 Next.js 文档主题（App Router、Pages Router、架构、社区）
  • 实现 Next.js 路由、数据获取、缓存或部署
  • 使用文档中的官方 API 和配置选项

如何使用此技能

  1. 确定主题，根据用户请求判断。
  2. 在 examples/ 中打开匹配的示例文件。
  3. 遵循文件中链接的 Next.js 官方文档。

映射规则（与 https://nextjs.org/docs 一一对应）

examples/ 目录与官方文档结构一致：

路径规则：

  • 移除文档文件夹和文件名中的数字前缀（例如，01-app → app）。
  • index.mdx 页面映射到对应目录中的 index.md。

资源

关键词

Next.js、App Router、Pages Router、路由、数据获取、缓存、服务端组件、客户端组件、中间件、部署、配置

评论

支持 Markdown