Next.js Router

Next.js turi įmontuotą puslapių maršrutizavimo sistemą, kuri leidžia sukurti dinaminius puslapius su paprastomis ir patogimis funkcijomis.

Pagrindinės savybės

• Failu pagrįstas maršrutizavimas: Kiekvienas failas pages kataloge tampa maršrutu.
• Dinaminiai maršrutai: Galite sukurti dinaminius maršrutus naudodami laužtinius skliaustus, pvz., [id].js.
• Kelių segmentų maršrutai: Galite sukurti sudėtingesnius maršrutus naudodami [[...slug]].js sintaksę.

Pavyzdys

import { useRouter } from 'next/router';

export default function PostPage() {
  const router = useRouter();
  const { id } = router.query;
  
  return <p>Post: {id}</p>;
}

Navigacija tarp puslapių

Next.js siūlo Link komponentą, kuris optimizuoja navigaciją tarp puslapių:

import Link from 'next/link';

export default function NavExample() {
  return (
    <Link href="/posts/first-post">
      <a>Pirmasis įrašas</a>
    </Link>
  );
}