NextJS-də menyu komponenti

Növbəti dərslərdə biz sayt menyusu yaratmaq üçün NextJS-in xüsusi imkanlarını öyrənəcəyik. Bunun üçün bizə sayt menyusu olan komponent lazımdır. Bu dərsdə biz bu komponentin boş qabığını hazırlayacağıq, keçidləri isə növbəti dərslərdə əlavə edəcəyik.

Bizim boş qabıq aşağıdakı kimi görünəcək:

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

Gəlin bu boş qabığı saytın əsas layoutuna əlavə edək:

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