- Use window.location.href for guaranteed navigation
- Prevent default and manually navigate to avoid App Router cache issues
- This ensures single-click navigation works reliably
Based on Next.js best practices research:
- Use <Link> component for prefetching and client-side navigation
- Add router.refresh() onClick to force server component re-render
- This preserves SPA experience while ensuring fresh data
- Fixes issue where pages don't reload after URL change