Next.js inatoa urambazaji wa upande wa mteja ambao ni haraka kuliko kukamatia kwa jumla la kurasa — inaambata tu data/sehemu za kurasa mpya na kuzitosha, na kuweka miundo iliyoshirikiwa imewekwa.
;
() {
(
);
}
<Link> inakamatia <a> lakini kuingilia bonyezi kwa urambazaji wa upande wa mteja. Muhimu, inakamatia harufu njia iliyounganishwa wakati kiungo kiingia katika mwonekano, kwa hivyo urambazaji unajisikia haraka.
"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
}
}
Tumia useRouter wakati urambazaji lazima utokee kama jibu la mantiki (baada ya kuwasilisha fomu, kuingia, nk.), si kwenye bonyezi kwenye kiungo.
<Link> inapakiwa njia kabla ya kubonyeza.Katika App Router, kuku hutoka next/navigation (useRouter, usePathname, useSearchParams) — si kwa next/router ya zamani (ambayo ni tu kwa Pages Router). Kuchanganya ni hitilafu ya kawaida.
<Link> (na harufu otomatiki) na useRouter ni jinsi unavyojengea urambazaji wa haraka, sawa na SPA, ambayo Next.js inajulikana.
Kutumia badala ya <a href> ya kawaida (ambayo inasubiri mzigo kamili) ni kile kinachofanya programu kuwa haraka na huhifadhi hali ya miundo.