Менюи пешрафта дар NextJS

Дар дарси гузашта мо мушкили менюи аз истинодҳои оддӣ баҳс кардем. NextJS метавонад ин мушкилро ҳал кунад ва тавре созад, ки гузариш ба истинод боиси боргузории аз нав саҳифаи пурра нагардад. Барои оптимализатсияи иҷро аз тариқи Ajax танҳо қисми тағирёфта бор мешавад.

Барои ин ба ҷои истинодҳо мо компоненти махсуси Link-ро истифода мебарем. Онро ворид мекунем:

import Link from 'next/link';

Менюи худро тавассути ин компонент табдил диҳем:

export default function Menu() {
	return <>
		<Link href="/">асосӣ</Link>
		<Link href="/about">дар бораи мо</Link>
		<Link href="/price">нарх</Link>
		<Link href="/contacts">тамос</Link>
	</>;
}

Менюи худро тавассути компоненти Link табдил диҳед.

Боварӣ ҳосил кунед, ки гузариш ба истинодҳои меню ҳозира боиси боргузории аз нави саҳифа намешавад.