mcpField
N
nextjs

nextjs

github.com/full-stack-skillsDevelopment2160 installsUpdated 5w ago
Repository

About nextjs

nextjs is a skill for developers consulting and applying official Next.js documentation, covering topics such as App Router, Pages Router, architecture, and configuration. Its example files map to the documentation structure to help locate relevant material.

Key features

  1. 01Covers App Router and Pages Router
  2. 02Guides routing, data fetching, and caching
  3. 03Includes deployment and configuration topics
  4. 04Maps examples to official documentation structure
  5. 05Links to official documentation

Use cases

  1. 01Finding a specific Next.js documentation topic
  2. 02Implementing routing or data fetching
  3. 03Checking caching, deployment, or configuration guidance

Install

Copy the command and run it in a terminal.

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

After installing, type/nextjsin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with 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

Details

From the project README

When to use this skill

Use this skill whenever the user wants to:

  • Follow Next.js documentation topics (App Router, Pages Router, architecture, community)
  • Implement Next.js routing, data fetching, caching, or deployment
  • Use official APIs and configuration options from the docs

How to use this skill

  1. Identify the topic from the user request.
  2. Open the matching example file in examples/.
  3. Follow the official Next.js docs linked in the file.

Mapping Rules (one-to-one with https://nextjs.org/docs)

The examples/ directory mirrors the official docs structure:

Path rule:

  • Remove numeric prefixes from doc folders and filenames (e.g., 01-app → app).
  • index.mdx pages map to index.md inside the corresponding directory.

Resources

Keywords

Next.js, App Router, Pages Router, routing, data fetching, caching, server components, client components, middleware, deployment, configuration

Comments

Markdown supported