modern-best-practice-nextjs

Original：🇺🇸 English

Translated

Build modern Next.js apps with App Router and best practices

2installs

Added on2026-02-09

NPX Install

npx skill4agent add academind/ai-config modern-best-practice-nextjs

Next.js is a library that changes frequently - use web search or context7 MCP (via DocsExplorer agent) for exploring the current documentation.

Use the App Router in
```
app/
```
for new work
Use nested layouts and route groups to organize sections
Keep server components as the default; add
```
'use client'
```
only where needed

Fetch data in React Server Components - AVOID fetching via
```
useEffect()
```
and
```
fetch()
```
Use server actions ("Server Functions") for mutations, potentially in conjunction with React Hooks like
```
useActionState
```