Напредно мени во NextJS

Во претходната лекција ја разгледавме проблематиката на менито од обични врски. NextJS може да го реши овој проблем и да направи така што навигацијата по врската да не резултира со вчитување на целата страница. За оптимизација на перформансите преку Ajax ќе се вчита само променетиот дел.

За ова наместо врски ние ќе користиме специјална компонента Link. Да ја импортираме:

import Link from 'next/link';

Да го преработиме нашето мени преку оваа компонента:

export default function Menu() {
	return <>
		<Link href="/">home</Link>
		<Link href="/about">about</Link>
		<Link href="/price">price</Link>
		<Link href="/contacts">contacts</Link>
	</>;
}

Преработете го вашето мени преку компонентата Link.

Проверете дали навигацијата по врските на менито сега не резултира со вчитување на страницата.