Komponent vir 'n spyskaart in NextJS

In die volgende lesse sal ons die spesiale funksies van NextJS vir die skep van 'n webwerf se spyskaart bestudeer. Vir dit sal ons 'n komponent met die webwerf se spyskaart nodig hê. In hierdie les sal ons 'n skepping van hierdie komponent maak, en ons sal skakels in die volgende lesse insit.

Ons skepping sal soos volg lyk:

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

Laat ons hierdie skepping in die hoof uitleg van die webwerf insit:

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