Soláthraíonn Next.js nascleanúint ar thaobh an chliaint atá níos tapa ná athlódáil iomlán an leathanaigh — ní bhfaigheann sé ach sonraí/comhpháirteanna an leathanaigh nua agus cuireann sé isteach iad, ag foinneog leagan amach roinnte.
;
() {
(
);
}
Rendaíonn <Link> <a> ach gabhann sé i ngleic leis an clic do nascleanúint ar thaobh an chliaint. Go tábhachtach, réamhfhálaonn sé an t-ítineáir nasctha nuair a thagann an nasc isteach san radharc, mar sin braitheann an nascleanúint láithreach.
"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
}
}
Úsáid useRouter nuair a chaithfidh nascleanúint tarlú i bhfreagra ar loighic (tar éis soláthair fhoirm a chur isteach, logáil isteach, srl.), ní clic ar nasc.
<Link> ítineáir sula bhfuil tú i gclí.San App Router, tagann hooks ó next/navigation (useRouter, usePathname, useSearchParams) — ní an tsean-next/router (arb é Pages Router amháin a bhí ann). Is earráid choitianta é iad a mheascadh.
<Link> (le réamhfhálú uathoibríoch) agus useRouter an dóigh a thógann tú an nascleanúint thapaidh, cosúil le SPA, go bhfuil Next.js ar a dtúin.
A úsáid i gcoinnibh simplí <a href> (a fhórsaonn athlódáil iomlán) is ea a choinníonn an feidhmchlár socraithe agus a chaomhnaigh staid leagan amach.