Next.js Patterns App Router We use the Next.js 15 App Router located in . Pages - Location : - Component : Default export function. - Client vs Server : Use directive at the top for components requiring state ( , ) or browser APIs. otherwise default to Server Components. Layouts - Location : (Root), (Nested). - Purpose : Wrappers for pages, holding navigation, fonts, and metadata. Navigation - Use from for internal navigation. - Use from for programmatic navigation (inside Client Components). Data Fetching - Server Components : Fetch directly using or DB calls. - Client Components : Use or SW…