From 17530c4bddf882fa3b305741925ee5e066e46e42 Mon Sep 17 00:00:00 2001
From: Pratyush Sharma <56130065+pratyush618@users.noreply.github.com>
Date: Sun, 19 Apr 2026 11:51:39 +0530
Subject: [PATCH 1/2] fix(nav): use plain anchor for external URLs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Next Link with external URL corrupts App Router state on back
navigation — page renders blank until refresh. Detect external
URLs via isExternalUrl helper and use a plain <a> instead.
---
 src/components/navbar.tsx | 43 +++++++++++++++++++++++++++------------
 src/lib/url.ts            |  3 +++
 2 files changed, 33 insertions(+), 13 deletions(-)
 create mode 100644 src/lib/url.ts

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index b5b8229..5cdaef4 100644
--- a/src/components/navbar.tsx
+++ b/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>
             );
           })}
diff --git a/src/lib/url.ts b/src/lib/url.ts
new file mode 100644
index 0000000..7350517
--- /dev/null
+++ b/src/lib/url.ts
@@ -0,0 +1,3 @@
+export function isExternalUrl(href: string): boolean {
+  return /^(?:https?:)?\/\//.test(href);
+}

From d3362dde200f7bfb336437fd1525e95235a58c87 Mon Sep 17 00:00:00 2001
From: Pratyush Sharma <56130065+pratyush618@users.noreply.github.com>
Date: Sun, 19 Apr 2026 11:51:51 +0530
Subject: [PATCH 2/2] nav: open Home in same tab

---
 src/lib/site.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/site.ts b/src/lib/site.ts
index 1b1c3a9..6286443 100644
--- a/src/lib/site.ts
+++ b/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;