Vấn đề menu thông thường trong NextJS

Trong bài học trước, chúng ta đã tạo một menu từ các liên kết thông thường:

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

Bây giờ hãy thảo luận về một số vấn đề liên quan đến điều này. Vấn đề là việc điều hướng theo các liên kết của menu này dẫn đến việc tải lại toàn bộ trang. Điều này đúng từ góc độ SEO, nhưng không tối ưu lắm về mặt hiệu suất. Vấn đề là khi tải lại trang, chúng ta lại tải xuống toàn bộ layout của trang web, mặc dù chỉ có nội dung thay đổi. Sẽ tối ưu hơn nếu chỉ tải xuống nội dung của trang.

NextJS có giải pháp cho vấn đề này. Chúng ta sẽ xem xét nó trong bài học tiếp theo.

Hãy đảm bảo rằng việc điều hướng theo các liên kết thông thường sẽ gây ra việc tải lại trang.