Напредно мени у 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.

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