Next.js使用指南Skill nextjs

此技能提供基于Next.js官方文档的指导,帮助用户快速掌握和实现Next.js框架的核心功能,包括路由、数据获取、缓存、部署等,适用于前端开发项目。关键词:Next.js、前端开发、路由、数据获取、缓存、部署、配置、SEO优化。

前端开发 0 次安装 2 次浏览 更新于 3/21/2026

name: nextjs description: 使用nextjs.org/docs上的官方文档指导Next.js。当用户需要Next.js概念、配置、路由、数据获取或API参考详情时使用。 license: 完整条款在LICENSE.txt中

何时使用此技能

每当用户想要:

  • 遵循Next.js文档主题(App Router、Pages Router、架构、社区)
  • 实现Next.js路由、数据获取、缓存或部署
  • 使用官方API和配置选项

如何使用此技能

  1. 从用户请求中识别主题
  2. examples/中打开匹配的示例文件
  3. 遵循文件中链接的官方Next.js文档

映射规则(与https://nextjs.org/docs一一对应)

examples/目录镜像官方文档结构:

路径规则:

  • 从文档文件夹和文件名中移除数字前缀(例如,01-appapp)。
  • index.mdx页面映射到对应目录中的index.md

资源

关键词

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