Componenta <Link> în Next.js în React & Next.js

Navigare rapidă pe client cu prefetch automat al paginilor în fundal atunci când link-ul intră în viewport.

Sintaxă
import Link from 'next/link'; <Link href="/despre">Despre</Link>

De ce nu se folosește tag-ul nativ

Tag-ul nativ <a> produce o descărcare completă a paginii din rețea. Componenta <Link> din Next.js interceptează click-ul, menține starea aplicației JavaScript și descarcă datele rutei destinație în avans (Prefetching), făcând navigarea să se simtă instantanee.

Exemplu Concret: Link optimizat cu prefetch configurat
import Link from 'next/link';

export function Meniu() {
  return (
    <nav>
      <Link href="/invata/react" prefetch={true}>
        Curs React
      </Link>
    </nav>
  );
}
Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Componenta <Link> în Next.js

Ai o nelămurire despre utilizarea comenzii Componenta <Link> în Next.js sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.