The [Next.js](/courses/nextjs) `` component provides several props that control how navigation behaves. The most important ones include: - `href` - `replace` - `scroll` - `prefetch` ### 1. href `href` specifies the destination. ```jsx Dashboard ``` It can also be generated dynamically: ```jsx View Profile ``` ### 2. replace Normal navigation adds a new entry to the browser history. ```jsx Dashboard ``` Navigation conceptually creates: ```text /home /dashboard ``` The user can press Back to return to `/home`. With `replace`: ```jsx Dashboard ``` [Next.js](/courses/nextjs) replaces the current history entry instead of adding another one. This can be useful for transitions where returning to the previous URL does not make sense. ### 3. scroll Next.js normally manages scroll behavior during navigation. You can disable automatic scrolling using: ```jsx Products ``` This is useful for interfaces where the existing scroll position should be preserved. ### 4. prefetch Next.js can prefetch destinations to improve navigation speed. You can explicitly disable it: ```jsx Analytics ``` ### Example Combining Props ```jsx Dashboard ``` Each prop changes a different part of navigation behavior. ### Interview-Ready Answer `href` defines the destination, `replace` replaces the current browser history entry instead of pushing a new one, `scroll` controls automatic scroll behavior, and `prefetch` controls route prefetching. Understanding these props lets developers customize Next.js navigation without replacing the built-in router.