Nextjs Best Practices

---
version: 4.1.0-fractal
name: nextjs-best-practices
description: Next.js App Router principles. Server Components, data fetching, routing patterns.
allowed-tools: Read, Write, Edit, Glob, Grep
---

# 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)