Next.js Best Practices (App Router) Next.js is a library that changes frequently - use web search or context7 MCP (via DocsExplorer agent) for exploring the current documentation. Routing & Structure - Use the App Router in for new work - Use nested layouts and route groups to organize sections - Keep server components as the default; add only where needed Data Fetching & Caching - Fetch data in React Server Components - AVOID fetching via and - Use server actions ("Server Functions") for mutations, potentially in conjunction with React Hooks like UI States - Provide and for route-level UX -…