nextjs

Original：🇺🇸 English

Translated

Guidance for Next.js using the official docs at nextjs.org/docs. Use when the user needs Next.js concepts, configuration, routing, data fetching, or API reference details.

7installs

Sourceteachingai/full-stack-skills

Added on2026-05-29

NPX Install

npx skill4agent add teachingai/full-stack-skills nextjs

SKILL.md Content

View Translation Comparison →

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

Identify the topic from the user request.
Open the matching example file in
```
examples/
```
.
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:

```
examples/index.md
```
→ https://nextjs.org/docs
```
examples/app/...
```
→ https://nextjs.org/docs/app/...
```
examples/pages/...
```
→ https://nextjs.org/docs/pages/...
```
examples/architecture/...
```
→ https://nextjs.org/docs/architecture/...
```
examples/community/...
```
→ https://nextjs.org/docs/community/...

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

Docs: https://nextjs.org/docs

Keywords

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