mcpField
N
nextjs

nextjs

github.com/full-stack-skills开发2160 次安装5 周前更新
代码仓库

关于 nextjs

nextjs 是一项帮助开发者查阅和应用 Next.js 官方文档的技能，覆盖 App Router、Pages Router、架构及配置等主题。它按文档结构映射示例文件，便于定位对应资料。

主要功能

  1. 01覆盖 App Router 与 Pages Router
  2. 02指导路由、数据获取与缓存
  3. 03涵盖部署及配置选项
  4. 04按官方文档结构映射示例
  5. 05提供官方文档链接

适用场景

  1. 01查找 Next.js 文档中的特定主题
  2. 02实现路由或数据获取功能
  3. 03确认缓存、部署或配置用法

安装

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

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

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

包含的文件

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

agents/
openai.yaml
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