Компоненти меню дар 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>
  );
}