Компонент за мени во NextJS

Во следните лекции ќе ги изучуваме специјалните можности на NextJS за креирање на мени на сајтот. За ова ќе ни треба компонента со мени на сајтот. Во оваа лекција ќе направиме шаблон за оваа компонента, а линковите ќе ги вметнуваме во следните лекции.

Нашиот шаблон ќе изгледа на следниов начин:

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

Да го вметнеме овој шаблон во главниот layout на сајтот:

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