Skip to content

Fix/issue 3888 next link#3900

Open
pradeep0153 wants to merge 25 commits into
Premshaw23:masterfrom
pradeep0153:fix/issue-3888-next-link
Open

Fix/issue 3888 next link#3900
pradeep0153 wants to merge 25 commits into
Premshaw23:masterfrom
pradeep0153:fix/issue-3888-next-link

Conversation

@pradeep0153

Copy link
Copy Markdown
Contributor

Closes #3888.

Description

This PR addresses a major performance bottleneck by migrating standard HTML <a> tags used for internal navigation over to the highly optimized next/link component.

Changes Made

  • Audited the codebase for internal routing links utilizing standard <a> elements instead of the framework's native router.
  • Replaced them with Next.js <Link> components, ensuring href attributes are properly forwarded and maintaining existing CSS classes.

Impact

  • Instant Navigation (SPA): Standard <a> tags force the browser to execute a hard, full-page reload on every click, completely wiping out the React state and downloading the CSS/JS bundles all over again. By switching to Next.js <Link>, navigation is now handled client-side instantly, and linked pages are automatically prefetched in the background before the user even clicks them, resulting in a significantly faster browsing experience.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Perf: Replace internal <a> tags with Next.js <Link> component

1 participant