# Nextjs Skills

> Next.js framework patterns, SSR/SSG, and App Router best practices Use when this capability is needed.

- Skill: `tomevault-io/nextjs-skills` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/nextjs-skills`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/nextjs-skills/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/nextjs-skills

---


# Next.js Skills

React framework for production with hybrid static & server rendering.

## Sub-Skills

### Architecture
- [app-router.md](architecture/app-router.md) - App Router patterns
- [pages-router.md](architecture/pages-router.md) - Pages Router patterns
- [project-structure.md](architecture/project-structure.md) - Project organization

### Rendering
- [server-components.md](rendering/server-components.md) - Server Components
- [client-components.md](rendering/client-components.md) - Client Components
- [ssr.md](rendering/ssr.md) - Server-side rendering
- [ssg.md](rendering/ssg.md) - Static generation
- [isr.md](rendering/isr.md) - Incremental Static Regeneration

### Data Fetching
- [server-actions.md](data-fetching/server-actions.md) - Server Actions
- [fetch-api.md](data-fetching/fetch-api.md) - Fetch patterns
- [caching.md](data-fetching/caching.md) - Caching strategies

### Routing
- [dynamic-routes.md](routing/dynamic-routes.md) - Dynamic routes
- [route-handlers.md](routing/route-handlers.md) - API routes
- [middleware.md](routing/middleware.md) - Middleware patterns
- [layouts.md](routing/layouts.md) - Layout patterns

### Performance
- [image-optimization.md](performance/image-optimization.md) - next/image
- [font-optimization.md](performance/font-optimization.md) - next/font
- [bundle-analysis.md](performance/bundle-analysis.md) - Bundle optimization

### Authentication
- [next-auth.md](authentication/next-auth.md) - NextAuth.js
- [middleware-auth.md](authentication/middleware-auth.md) - Middleware auth

### Testing
- [jest.md](testing/jest.md) - Jest patterns
- [playwright.md](testing/playwright.md) - E2E testing

## Detection
Auto-detected when project contains:
- `next.config.js` or `next.config.mjs`
- `next` package
- `getServerSideProps` or `getStaticProps` patterns

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/fujigo-software) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-11 -->