NextJSтеги меню үчүн компонент

Келеки сабактарда биз сайт менюсун түзүү үчүн NextJSтин атайын мүмкүнчүлүктөрүн үйрөнөбүз. Бул үчүн бизге сайт менюсу бар компонент керек болот. Бул сабакта биз ошол компоненттин даярдоосун жасайбыз, ал эми шилтемелерди кийинки сабактарда киргизебиз.

Биздин даярдоо төмөнкүдөй көрүнөт:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    ...
  </>;
}

Бул даярдоону сайттын негизги макетине киргизели:

app/layout.jsximport Menu from '@/comps/menu/menu.jsx';

export default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        <header>
          <nav>
            <Menu />
          </nav>
        </header>
        <main>
          {children}
        </main>
        <footer>
          footer
        </footer>
      </body>
    </html>
  );
}