How do I install the Nextjs Canary Docs skill?

Run npx skillmds@latest add tomevault-io/nextjs-canary-docs in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Nextjs Canary Docs safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Nextjs Canary Docs?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Nextjs Canary Docs free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Nextjs Canary Docs?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Nextjs Canary Docs by tomevault-io — Agent Skill

Name: Nextjs Canary Docs
Author: tomevault-io

Nextjs Canary Docs

Local Next.js documentation reference (canary branch). Use when asked about Next.js features, App Router, Server Components, routing, data fetching, rendering, caching, styling, optimizations, configuration, or Next.js APIs. Use when this capability is needed.

tomevault-io Updated Sep 17, 2026

File contents

Next.js Documentation (Canary)

Next.js is a React framework for building full-stack web applications. It provides Server Components, automatic code splitting, file-based routing, and built-in optimizations for production.

Navigation Guide

App Router (Recommended): references/01-app/ - The newer router with React Server Components support (220 files)

01-getting-started/ - Installation, project structure, core concepts
02-guides/ - Tutorials on authentication, caching, forms, data security
03-api-reference/ - Directives, components, file conventions, functions, config

Pages Router (Legacy): references/02-pages/ - The original Next.js router (148 files)

01-getting-started/ - Setup and migration guides
02-guides/ - Pages Router-specific tutorials
03-building-your-application/ - Routing, rendering, data fetching
04-api-reference/ - Pages Router API documentation

Architecture: references/03-architecture/ - How Next.js works under the hood (5 files)

Community: references/04-community/ - Contribution guidelines (2 files)

Key Entry Points

Task	Start Here
New to Next.js	`references/01-app/01-getting-started/01-installation.mdx`
Project structure	`references/01-app/01-getting-started/02-project-structure.mdx`
Layouts and pages	`references/01-app/01-getting-started/03-layouts-and-pages.mdx`
Server vs Client Components	`references/01-app/01-getting-started/05-server-and-client-components.mdx`
Data fetching	`references/01-app/01-getting-started/07-fetching-data.mdx`
Caching	`references/01-app/02-guides/caching.mdx`
Authentication	`references/01-app/02-guides/authentication.mdx`
Forms	`references/01-app/02-guides/forms.mdx`
API reference	`references/01-app/03-api-reference/index.mdx`
Components (Image, Link, etc.)	`references/01-app/03-api-reference/02-components/`
Configuration	`references/01-app/03-api-reference/05-config/`
Pages Router setup	`references/02-pages/01-getting-started/`

When to use

Use this skill when the user asks about:

Next.js App Router or Pages Router
Server Components and Client Components
File-based routing, layouts, and navigation
Data fetching and caching strategies
Rendering (SSR, SSG, ISR, streaming)
Middleware and API routes
Image, Font, Link, Script optimization
next.config.js configuration
Deployment and production builds

How to find information

First, read references/STRUCTURE.md to see all 377 documentation files organized by directory
Use the Navigation Guide above to identify the relevant section
Start with the Key Entry Points for common tasks
For App Router: explore references/01-app/
For Pages Router: explore references/02-pages/
For API details: check 03-api-reference/ within each router section

STRUCTURE.md contains a complete file listing - always check it first when searching for specific topics.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: nextjs-canary-docsdescription: Local Next.js documentation reference (canary branch). Use when asked about Next.js features, App Router, Server Components, routing, data fetching, rendering, caching, styling, optimizations, configuration, or Next.js APIs. Use when this capability is needed.---# Next.js Documentation (Canary)Next.js is a React framework for building full-stack web applications. It provides Server Components, automatic code splitting, file-based routing, and built-in optimizations for production.## Navigation Guide**App Router (Recommended):** `references/01-app/` - The newer router with React Server Components support (220 files)- `01-getting-started/` - Installation, project structure, core concepts- `02-guides/` - Tutorials on authentication, caching, forms, data security- `03-api-reference/` - Directives, components, file conventions, functions, config**Pages Router (Legacy):** `references/02-pages/` - The original Next.js router (148 files)- `01-getting-started/` - Setup and migration guides- `02-guides/` - Pages Router-specific tutorials- `03-building-your-application/` - Routing, rendering, data fetching- `04-api-reference/` - Pages Router API documentation**Architecture:** `references/03-architecture/` - How Next.js works under the hood (5 files)**Community:** `references/04-community/` - Contribution guidelines (2 files)## Key Entry Points| Task | Start Here ||------|------------|| New to Next.js | `references/01-app/01-getting-started/01-installation.mdx` || Project structure | `references/01-app/01-getting-started/02-project-structure.mdx` || Layouts and pages | `references/01-app/01-getting-started/03-layouts-and-pages.mdx` || Server vs Client Components | `references/01-app/01-getting-started/05-server-and-client-components.mdx` || Data fetching | `references/01-app/01-getting-started/07-fetching-data.mdx` || Caching | `references/01-app/02-guides/caching.mdx` || Authentication | `references/01-app/02-guides/authentication.mdx` || Forms | `references/01-app/02-guides/forms.mdx` || API reference | `references/01-app/03-api-reference/index.mdx` || Components (Image, Link, etc.) | `references/01-app/03-api-reference/02-components/` || Configuration | `references/01-app/03-api-reference/05-config/` || Pages Router setup | `references/02-pages/01-getting-started/` |## When to useUse this skill when the user asks about:- Next.js App Router or Pages Router- Server Components and Client Components- File-based routing, layouts, and navigation- Data fetching and caching strategies- Rendering (SSR, SSG, ISR, streaming)- Middleware and API routes- Image, Font, Link, Script optimization- next.config.js configuration- Deployment and production builds## How to find information1. **First**, read `references/STRUCTURE.md` to see all 377 documentation files organized by directory2. Use the Navigation Guide above to identify the relevant section3. Start with the Key Entry Points for common tasks4. For App Router: explore `references/01-app/`5. For Pages Router: explore `references/02-pages/`6. For API details: check `03-api-reference/` within each router section**STRUCTURE.md contains a complete file listing - always check it first when searching for specific topics.**---> Converted and distributed by [TomeVault](https://tomevault.io/claim/jasonz-ncc42) — claim your Tome and manage your conversions.

Frequently asked questions