<a> for an internal route

next/internal-anchorwarningperformancenextjs-16

Why it matters

A plain anchor reloads the whole app and skips prefetching; <Link> navigates client-side.

Fix

Use <Link href="…"> from next/link (keep <a> for downloads and external URLs).

Credit

  • From the Next.js team

    The Link component prefetches routes and navigates client-side, which plain anchors do not.

References

See it