From 7f614d28b5bd17effbd127d1581436d788d2b845 Mon Sep 17 00:00:00 2001
From: lerko96 <dev@tkoenig.simplelogin.com>
Date: Mon, 27 Apr 2026 00:49:52 -0400
Subject: [PATCH] feat(projects): consolidate /projects, hide skills, redirect
 /archive
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- /projects: merged page with featured (top) + archive (bottom)
- titles mirror homelab pattern: projects/featured, projects/archive
- nav: archive → projects
- home: drop Skills section and featured grid
- /archive → /projects via meta-refresh + JS redirect stub
---
 src/app/archive/page.tsx  | 78 +++++++++------------------------------
 src/app/page.tsx          | 12 ------
 src/app/projects/page.tsx | 77 ++++++++++++++++++++++++++++++++++++++
 src/components/Nav.tsx    |  2 +-
 4 files changed, 95 insertions(+), 74 deletions(-)
 create mode 100644 src/app/projects/page.tsx

diff --git a/src/app/archive/page.tsx b/src/app/archive/page.tsx
index 7ea1aadd..a1d9073d 100644
--- a/src/app/archive/page.tsx
+++ b/src/app/archive/page.tsx
@@ -1,68 +1,24 @@
-import type { Metadata } from "next";
-import Widget from "@/components/Widget";
-import { archiveProjects } from "@/data/projects";
+"use client";
 
-export const metadata: Metadata = {
-  title: "Archive | Tyler Koenig",
-  description: "Earlier projects and experiments — browser extensions, canvas apps, and bootcamp work.",
-};
+import { useEffect } from "react";
+
+export default function ArchiveRedirect() {
+  useEffect(() => {
+    window.location.replace("/projects/");
+  }, []);
 
-export default function ArchivePage() {
   return (
     <>
-      <div className="mb-4lh">
-        <p className="font-mono text-sm font-bold text-[var(--color-text)] mb-1lh">
-          <span className="text-[var(--color-accent-green)] select-none mr-1ch" aria-hidden="true">❯</span>
-          tyler/projects/archive
-        </p>
-        <p className="font-mono text-sm text-[var(--color-text)] leading-relaxed max-w-xl opacity-80">
-          Experiments, browser extensions, and bootcamp projects. Kept here for context — not
-          representative of current work.
-        </p>
-      </div>
-
-      <Widget title="tyler/projects/archive" badge={archiveProjects.length} as="section">
-        <div className="flex flex-col gap-px bg-[var(--color-border)]">
-          {archiveProjects.map((project) => (
-            <a
-              key={project.slug}
-              href={project.githubUrl}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="bg-[var(--color-surface)] hover:bg-[var(--color-surface-raised)] flex items-start justify-between gap-2ch px-2ch py-1lh group"
-            >
-              <div className="flex flex-col gap-1ch flex-1 min-w-0">
-                <div className="flex items-center gap-1ch">
-                  {project.year && (
-                    <span className="font-mono text-sm text-[var(--color-text-dim)] shrink-0">
-                      {project.year}
-                    </span>
-                  )}
-                  <span className="font-mono text-sm text-[var(--color-text)] group-hover:text-[var(--color-accent-green)] truncate">
-                    {project.title}
-                  </span>
-                </div>
-                <p className="font-mono text-sm text-[var(--color-text)] leading-relaxed opacity-75">
-                  {project.description}
-                </p>
-                <div className="flex flex-wrap gap-x-1ch gap-y-0.5">
-                  {project.tags.map((tag) => (
-                    <span key={tag} className="font-mono text-sm text-[var(--color-text-dim)]">
-                      {tag}
-                    </span>
-                  ))}
-                </div>
-              </div>
-              <span
-                className="font-mono text-sm text-[var(--color-text-label)] group-hover:text-[var(--color-text)] shrink-0 mt-0.5"
-                aria-hidden="true"
-              >
-                ↗
-              </span>
-            </a>
-          ))}
-        </div>
-      </Widget>
+      <meta httpEquiv="refresh" content="0; url=/projects/" />
+      <p className="font-mono text-sm text-[var(--color-text)]">
+        This page moved.{" "}
+        <a
+          href="/projects/"
+          className="text-[var(--color-accent-green)] underline"
+        >
+          /projects/
+        </a>
+      </p>
     </>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8b4630b7..4d6c08b3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,10 +1,6 @@
 import type { Metadata } from "next";
 import Hero from "@/components/Hero";
-import Skills from "@/components/Skills";
 import Timeline from "@/components/Timeline";
-import ProjectCard from "@/components/ProjectCard";
-import Widget from "@/components/Widget";
-import { featuredProjects } from "@/data/projects";
 
 export const metadata: Metadata = {
   title: "Tyler Koenig",
@@ -17,14 +13,6 @@ export default function Home() {
     <>
       <Hero />
       <Timeline />
-      <Widget title="tyler/projects" badge={featuredProjects.length}>
-        <div className="grid grid-cols-1 sm:grid-cols-2 gap-1ch">
-          {featuredProjects.map((project) => (
-            <ProjectCard key={project.slug} project={project} />
-          ))}
-        </div>
-      </Widget>
-      <Skills />
     </>
   );
 }
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
new file mode 100644
index 00000000..3a272714
--- /dev/null
+++ b/src/app/projects/page.tsx
@@ -0,0 +1,77 @@
+import type { Metadata } from "next";
+import Widget from "@/components/Widget";
+import ProjectCard from "@/components/ProjectCard";
+import { featuredProjects, archiveProjects } from "@/data/projects";
+
+export const metadata: Metadata = {
+  title: "Projects | Tyler Koenig",
+  description:
+    "Featured projects and earlier work — homelab, open-pact, helm, and bootcamp/experiment archive.",
+};
+
+export default function ProjectsPage() {
+  return (
+    <>
+      <div className="mb-4lh">
+        <p className="font-mono text-sm font-bold text-[var(--color-text)] mb-1lh">
+          <span className="text-[var(--color-accent-green)] select-none mr-1ch" aria-hidden="true">❯</span>
+          projects
+        </p>
+        <p className="font-mono text-sm text-[var(--color-text)] leading-relaxed max-w-xl opacity-80">
+          Featured work first. Earlier experiments, browser extensions, and bootcamp projects below — kept for context.
+        </p>
+      </div>
+
+      <Widget title="projects/featured" badge={featuredProjects.length} as="section">
+        <div className="grid grid-cols-1 sm:grid-cols-2 gap-1ch">
+          {featuredProjects.map((project) => (
+            <ProjectCard key={project.slug} project={project} />
+          ))}
+        </div>
+      </Widget>
+
+      <Widget title="projects/archive" badge={archiveProjects.length} as="section">
+        <div className="flex flex-col gap-px bg-[var(--color-border)]">
+          {archiveProjects.map((project) => (
+            <a
+              key={project.slug}
+              href={project.githubUrl}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="bg-[var(--color-surface)] hover:bg-[var(--color-surface-raised)] flex items-start justify-between gap-2ch px-2ch py-1lh group"
+            >
+              <div className="flex flex-col gap-1ch flex-1 min-w-0">
+                <div className="flex items-center gap-1ch">
+                  {project.year && (
+                    <span className="font-mono text-sm text-[var(--color-text-dim)] shrink-0">
+                      {project.year}
+                    </span>
+                  )}
+                  <span className="font-mono text-sm text-[var(--color-text)] group-hover:text-[var(--color-accent-green)] truncate">
+                    {project.title}
+                  </span>
+                </div>
+                <p className="font-mono text-sm text-[var(--color-text)] leading-relaxed opacity-75">
+                  {project.description}
+                </p>
+                <div className="flex flex-wrap gap-x-1ch gap-y-0.5">
+                  {project.tags.map((tag) => (
+                    <span key={tag} className="font-mono text-sm text-[var(--color-text-dim)]">
+                      {tag}
+                    </span>
+                  ))}
+                </div>
+              </div>
+              <span
+                className="font-mono text-sm text-[var(--color-text-label)] group-hover:text-[var(--color-text)] shrink-0 mt-0.5"
+                aria-hidden="true"
+              >
+                ↗
+              </span>
+            </a>
+          ))}
+        </div>
+      </Widget>
+    </>
+  );
+}
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index c420c2fc..388bf99d 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -7,7 +7,7 @@ import { useTheme } from "@/context/ThemeContext";
 const links = [
   { href: "/", label: "tyler" },
   { href: "/homelab/", label: "homelab" },
-  { href: "/archive/", label: "archive" },
+  { href: "/projects/", label: "projects" },
 ];
 
 export default function Nav() {