NextJSда оддий менюнинг муаммоси

Олдинги дарсликда биз оддий ҳаволалардан меню ясадик:

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

Келинг, энди шу билан боғлиқ баъзи муаммоларни муҳокама қилайлик. Гapи шундаки, ушбу меню ҳаволалари бўйича ўтиш бутун саҳифанинг қайта юкланuшига олиб келади. Бу СЕО нуқтаи назаридан тўғри, аммо самарадорлик нуқтаи назаридан жуда ямон эмас. Гaпимиз шундаки, саҳифа қайта юклангaнда, биз сайтнинг бутун макетини яна юклаб оламиз, гарчи унда фақат контент ўзгарса-да. Энг оптимал бўлгани - фақат саҳифа контентни юклаб олиш бўларди.

NextJSда ушбу муаммонинг ечими таъминланган. Уни кейинги дарсликда кўриб чиқамиз.

Оддий ҳаволалар бўйича ўтиш саҳифанинг қайта юкланuшини чақиришига ишонч ҳосил қилинг.