create(navbar) created and styled navbar

2026-09-11 19:06:07 +00:00 · 2021-07-26 15:49:20 +03:00
parent 20b769086a
commit c2b59b9b29
8 changed files with 128 additions and 68 deletions
@@ -1,5 +1,43 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+
 function Navbar() {
-  return <div className="navbar"></div>;
+  const router = useRouter();
+
+  return (
+    <div className="navbar">
+      <h1>Teknoloji Rehberleri</h1>
+      <ul className="navbar_list">
+        <li
+          className={
+            router.asPath == "/"
+              ? "navbar_list-item navbar_list-item--active"
+              : "navbar_list-item"
+          }
+        >
+          <Link href="/">Anasayfa</Link>
+        </li>
+        <li
+          className={
+            router.asPath == "/hakkinda"
+              ? "navbar_list-item navbar_list-item--active"
+              : "navbar_list-item"
+          }
+        >
+          <Link href="/hakkinda"> Site Hakkında </Link>
+        </li>
+        <li
+          className={
+            router.asPath == "/yazigonder"
+              ? "navbar_list-item navbar_list-item--active"
+              : "navbar_list-item"
+          }
+        >
+          <Link href="/yazigonder"> Yazı Gönder </Link>
+        </li>
+      </ul>
+    </div>
+  );
 }

 export default Navbar;