Next.js yana ba da kewayawa gefen buɗe-ɗe wacce ta fi sauri cewa kumalawar gidan shafi gaba daya — ita kaɗai tana ɗaukar bayanan/sassa na sabuwar shafi kuma tana canza su, tana kiyaye tsoffin wuraragen tsaye.
;
() {
(
);
}
<Link> tana buɗe <a> amma tana dakatar da jingine na kewayawa gefen buɗe-ɗe. A muhimmiyar abu, yana **shiryawa" hanya da aka danganta lokacin da hanyar ta shiga gida mai kyau, don haka kewayawa yana kamuwa jiya-jiya.
"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
}
}
Sa useRouter lokacin da kewayawa dole ya faru a bisa dokoki (bayan cire fomu, shiga, da sauransu), ba a cire hanya.
<Link> tana shiryawa hanyoyi kafin ka taɓa.next/navigationA cikin App Router, hooks sun fito daga next/navigation (useRouter, usePathname, useSearchParams) — ba tsoffin next/router (wacce kawai Pages Router ta yi). Haɗa su kai kai ne kuskure na yau da kullun.
<Link> (tare da shiryawa ta atomatik) da useRouter sune hanya da ka zua jiya-jiya, kamar SPA, kewayawa wanda Next.js sananne.
Sa aiki a waje da saukin <a href> (wanda ya dace kumalawar gida gaba daya) shi ne abin da ke tsaye tsaye da kiyaye jihar sadura.