Մենյուի բաղադրիչ 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>
  );
}