NextJS में सामान्य मेनू की समस्या

पिछले पाठ में, हमने सामान्य लिंक्स से एक मेनू बनाया था:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <a href="/">होम</a>
    <a href="/about">अबाउट</a>
    <a href="/price">प्राइस</a>
    <a href="/contacts">संपर्क</a>
  </>;
}

आइए अब, इससे जुड़ी कुछ समस्याओं पर चर्चा करें। बात यह है कि इस मेनू के लिंक्स पर क्लिक करने से पूरे पेज को रीलोड करना पड़ता है। यह SEO की दृष्टि से सही है, लेकिन प्रदर्शन की दृष्टि से बहुत अनुकूल नहीं है। बात यह है कि पेज को रीलोड करने पर हम साइट का पूरा लेआउट फिर से डाउनलोड करते हैं, हालांकि इसमें केवल कंटेंट बदलता है। केवल पेज का कंटेंट डाउनलोड करना अधिक अनुकूल होगा।

NextJS में इस समस्या का समाधान प्रदान किया गया है। हम इस पर अगले पाठ में विचार करेंगे।