Next.js ofron navigim në anën e klientit që është më i shpejtë se ringarkimi i plotë i faqes — ai shkarkon vetëm të dhënat/komponentet e faqes së re dhe i ndërron ato, duke mbajtur elemimet e përbashkëta të montuar.
;
() {
(
);
}
<Link> e riprodhon një <a> por përgjimit klikun për navigim në anën e klientit. Në mënyrë vendimtare, ai parapërgatit rrugën e lidhur kur lidhja hyn në vizualizimin, kështu që navigimi ndjesh të çastit.
"use client"; // useRouter needs a Client Component
import { useRouter } from "next/navigation"; // note: next/navigation in App Router
export default function LoginForm() {
const router = useRouter();
async function onSubmit() {
await login();
router.push("/dashboard"); // navigate after an action
// router.replace("/x") — no history entry
// router.back() — go back
// router.refresh() — re-fetch server data for the current route
}
}
Përdorni useRouter kur navigimi duhet të ndodhë si përgjigje ndaj logjikës (pas dërgimit të një formulari, hyrjes, etj.), jo në një klik në një lidhje.
<Link> paratuska rrugimet përpara se ta klikoni.Në App Router, karpat vijnë nga next/navigation (useRouter, usePathname, useSearchParams) — jo nga i vjetri next/router (i cili është vetëm për Pages Router). Përzierja e tyre është një gabim i zakonshëm.
<Link> (me parapërgatitje automatike) dhe useRouter janë mënyra se si ndërtoni navigimin e shpejtë, të ngjashëm me SPA, për të cilin Next.js është i njohur.
Përdorimi i tyre në vend të <a href> të thjeshtë (i cili detyron ringarkimin e plotë) është ajo që e mban aplikacionin të shpejtë dhe ruan gjendjen e elementeve.
Një bibliotekë pyetjesh intervistash IT me përgjigje të detajuara — nga Junior te Senior.
Dhuro