Komponen untuk Menu di NextJS
Dalam pelajaran berikutnya, kita akan mempelajari fitur khusus NextJS untuk membuat menu situs. Untuk ini, kita akan membutuhkan komponen dengan menu situs. Dalam pelajaran ini, kita akan membuat kerangka komponen ini, dan tautan akan disisipkan pada pelajaran berikutnya.
Kerangka kita akan terlihat seperti berikut:
export default function Menu() {
return <>
...
</>;
}
Sisipkan kerangka ini ke dalam tata letak utama situs:
import 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>
);
}
Buatlah komponen untuk menu utama.
