Next.js Best Practices
Principles for Next.js App Router development.
Nextjs Best Practices
Next.js App Router principles. Server Components, data fetching, routing patterns.
Dokhacgiakhoa
Updated Nextjs Best Practices by Dokhacgiakhoa · 8ec7b6a
npx skillmds@latest add dokhacgiakhoa/nextjs-best-practices File contents
---name: nextjs-best-practicesdescription: Next.js App Router principles. Server Components, data fetching, routing patterns.---
# 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)
Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI/tree/main/.agent/skills/nextjs-best-practices commit 8ec7b6aee4
Frequently asked questions
Run npx skillmds@latest add dokhacgiakhoa/nextjs-best-practices 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.
Next.js App Router principles. Server Components, data fetching, routing patterns. It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
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.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
Dokhacgiakhoa (@dokhacgiakhoa) published this skill. Their other Agent Skills are listed on their SkillMD profile.