<Link />

The <Link /> component enables client-side navigation without triggering a full page reload.

import { Link } from "exta/components";
 
export default function () {
  return <Link href="/">Go to Home</Link>;
}

#Prefetch

By default, the <Link /> component pre-downloads the static data for the target page. This may lead to issues such as performance degradation and excessive network requests, so you can disable this prefetching if needed.

export default function () {
  return (
    <Link href="/" prefetch={false}>
      This page will be loaded when Link clicked
    </Link>
  );
}

#When you click

1. Click the <Link />
2. Execute props.onClick
3. Fetch page data
4. Push