nav: Home opens in same tab + external-URL anchor fix

src/components/navbar.tsx

@@ -5,9 +5,15 @@
 import Link from "next/link";
 import { cn } from "@/lib/cn";
 import { nav, site } from "@/lib/site";
+import { isExternalUrl } from "@/lib/url";
 import { ThemeToggle } from "./theme-toggle";
 import { ArrowUpRight } from "./ui/icons";
 
+const linkClass = cn(
+  "hidden items-center gap-1 rounded-md px-3 py-1.5 sm:inline-flex",
+  "text-muted-foreground transition-colors hover:text-foreground",
+);
+
 export function Navbar() {
   return (
     <header className="sticky top-0 z-50 w-full border-border/60 border-b bg-background/70 backdrop-blur-md">
@@ -23,20 +29,31 @@ export function Navbar() {
         </Link>
         <nav className="flex items-center gap-1 text-sm">
           {nav.map((item) => {
-            const external = "external" in item && item.external;
-            return (
-              <Link
-                key={item.href}
-                href={item.href}
-                target={external ? "_blank" : undefined}
-                rel={external ? "noopener noreferrer" : undefined}
-                className={cn(
-                  "hidden items-center gap-1 rounded-md px-3 py-1.5 sm:inline-flex",
-                  "text-muted-foreground transition-colors hover:text-foreground",
-                )}
-              >
+            const openInNewTab = "external" in item && item.external;
+            const label = (
+              <>
                 {item.label}
-                {external && <ArrowUpRight className="h-3 w-3" strokeWidth={2} />}
+                {openInNewTab && <ArrowUpRight className="h-3 w-3" strokeWidth={2} />}
+              </>
+            );
+
+            if (isExternalUrl(item.href)) {
+              return (
+                <a
+                  key={item.href}
+                  href={item.href}
+                  target={openInNewTab ? "_blank" : undefined}
+                  rel={openInNewTab ? "noopener noreferrer" : undefined}
+                  className={linkClass}
+                >
+                  {label}
+                </a>
+              );
+            }
+
+            return (
+              <Link key={item.href} href={item.href} className={linkClass}>
+                {label}
               </Link>
             );
           })}

src/lib/site.ts

@@ -14,6 +14,6 @@ export const site = {
 
 export const nav = [
   { label: "Tools", href: "#tools" },
-  { label: "Home", href: site.homeUrl, external: true },
+  { label: "Home", href: site.homeUrl },
   { label: "GitHub", href: site.githubUrl, external: true },
 ] as const;

src/lib/url.ts

@@ -0,0 +1,3 @@
+export function isExternalUrl(href: string): boolean {
+  return /^(?:https?:)?\/\//.test(href);
+}