NextJS-də menyu komponenti
Növbəti dərslərdə biz sayt menyusu yaratmaq üçün NextJS-in xüsusi imkanlarını öyrənəcəyik. Bunun üçün bizə sayt menyusu olan komponent lazımdır. Bu dərsdə biz bu komponentin boş qabığını hazırlayacağıq, keçidləri isə növbəti dərslərdə əlavə edəcəyik.
Bizim boş qabıq aşağıdakı kimi görünəcək:
export default function Menu() {
return <>
...
</>;
}
Gəlin bu boş qabığı saytın əsas layoutuna əlavə edək:
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>
);
}
Əsas menyu üçün komponent hazırlayın.