got frontend working with backend project

2024-11-27 00:35:32 -05:00
parent 66ba89c0b1
commit 0093589a4b
11 changed files with 250 additions and 63 deletions
--- a/frontend/components/Header.tsx
+++ b/frontend/components/Header.tsx
@ -1,3 +1,41 @@
-export default function Header() {
-  return <div>THIS IS THE HEADER</div>;
+interface HeaderLink {
+  name: string;
+  linkTo: string;
+  newTab?: boolean;
+}
+
+const headerLinks: Array<HeaderLink> = [
+  {
+    name: "Home",
+    linkTo: "/",
+  },
+  {
+    name: "Blog",
+    linkTo: "posts/",
+  },
+  {
+    name: "Projects",
+    linkTo: "projects",
+  },
+  {
+    name: "Contact",
+    linkTo: "contact/",
+  },
+];
+
+export default function Header() {
+  return (
+    <div>
+      {headerLinks.map((l) => {
+        const newTab = l.newTab ? "_blank" : "_self";
+        return (
+          <div class="">
+            <a href={l.linkTo} target={newTab} class="">
+              {l.name}
+            </a>
+          </div>
+        );
+      })}
+    </div>
+  );
 }