Next Best Practices

Use this for Next.js-specific work in this repo.

This repo uses a modern Next.js App Router scaffold.

First priorities

Check these first before lower-level tweaks:

1. keep Server Components as the default
2. keep use client boundaries as small as possible
3. fetch data on the server when possible
4. avoid client-side waterfalls
5. keep route structure and metadata clean

Core rules

• Prefer Server Components unless interactivity requires a Client Component.
• Do not add use client higher in the tree than necessary.
• Keep layouts, pages, and shared wrappers simple.
• Use framework conventions instead of inventing parallel app structure.
• Avoid React useEffect unless it is clearly the best solution.

Data and rendering

• Prefer server-side data fetching in App Router when possible.