Next.JS App Router - Copilot Custom Instructions

nextjs-copilot-instructions.md

• Default to Server Components in app/, only using Client Components with 'use client' if they use hooks like useState or useRouter, or DOM interactions.
• Fetching data in Server Components: use fetch(), avoid useEffect.
• For TypeScript: Enforce interfaces and types for all props and state.
• Nest layout.tsx files for consistent UI across sections.
• For async operations: prefer async/await, add appropriate error handling and UI loading states.