# Nextjs Best Practices

> Next.js App Router principles. Server Components, data fetching, routing patterns.

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

---


# Next.js Best Practices

> Principles for Next.js App Router development.

---

## 1. Server vs Client Components

## 🧠 Knowledge Modules (Fractal Skills)

### 1. [Decision Tree](./sub-skills/decision-tree.md)
### 2. [By Default](./sub-skills/by-default.md)
### 3. [Fetch Strategy](./sub-skills/fetch-strategy.md)
### 4. [Data Flow](./sub-skills/data-flow.md)
### 5. [File Conventions](./sub-skills/file-conventions.md)
### 6. [Route Organization](./sub-skills/route-organization.md)
### 7. [Route Handlers](./sub-skills/route-handlers.md)
### 8. [Best Practices](./sub-skills/best-practices.md)
### 9. [Image Optimization](./sub-skills/image-optimization.md)
### 10. [Bundle Optimization](./sub-skills/bundle-optimization.md)
### 11. [Static vs Dynamic](./sub-skills/static-vs-dynamic.md)
### 12. [Essential Tags](./sub-skills/essential-tags.md)
### 13. [Cache Layers](./sub-skills/cache-layers.md)
### 14. [Revalidation](./sub-skills/revalidation.md)
### 15. [Use Cases](./sub-skills/use-cases.md)
### 16. [Best Practices](./sub-skills/best-practices.md)