NextJS da Menyu Komponenti

Keyingi darslarda biz sayt menyusini yaratish uchun NextJS ning maxsus imkoniyatlarini o'rganamiz. Buning uchun bizga sayt menyusi bilan komponent kerak bo'ladi. Ushbu darsda biz ushbu komponentning shablonini tayyorlaymiz, havolalarni esa keyingi darslarda kiritamiz.

Bizning shablonimiz quyidagicha ko'rinadi:

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

Keling, ushbu shablonni saytning asosiy maketiga joylaymiz:

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>
  );
}