Το πρόβλημα του κανονικού μενού στο 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>
	</>;
}

Ας συζητήσουμε τώρα ορισμένα προβλήματα που σχετίζονται με αυτό. Το γεγονός είναι ότι η πλοήγηση μέσω των συνδέσμων αυτού του μενού οδηγεί σε επαναφόρτωση ολόκληρης της σελίδας. Αυτό είναι σωστό από την άποψη του SEO, αλλά δεν είναι πολύ βέλτιστο από την άποψη της απόδοσης. Το γεγονός είναι ότι κατά την επαναφόρτωση της σελίδας κατεβάζουμε ξανά ολόκληρη τη διάταξη του site, αν και αλλάζει μόνο το περιεχόμενο. Θα ήταν βέλτιστο να κατεβαίνει μόνο το περιεχόμενο της σελίδας.

Στο NextJS προβλέπεται μια λύση σε αυτό το πρόβλημα. Θα το εξετάσουμε στο επόμενο μάθημα.

Βεβαιωθείτε ότι η πλοήγηση μέσω κανονικών συνδέσμους προκαλεί επαναφόρτωση της σελίδας.