From 1dc9c82cb3eddf77b2ceef78e2a56064ae707988 Mon Sep 17 00:00:00 2001
From: Jonathon Wright <jonny.wright225@gmail.com>
Date: Wed, 17 Jun 2026 20:48:06 +1000
Subject: [PATCH] =?UTF-8?q?Links:=20trailing-slash=20internal=20URLs=20(no?=
 =?UTF-8?q?=20dir-redirect=20=E2=86=92=20kills=20the=20:8080/cached-301=20?=
 =?UTF-8?q?issue)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 astro.config.mjs                 | 3 +++
 src/components/Nav.astro         | 4 ++--
 src/components/PostList.astro    | 2 +-
 src/components/ProjectCard.astro | 2 +-
 src/pages/blog/[slug].astro      | 6 +++---
 src/pages/blog/index.astro       | 2 +-
 src/pages/blog/tags/[tag].astro  | 4 ++--
 src/pages/index.astro            | 2 +-
 src/pages/projects/[slug].astro  | 4 ++--
 9 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 5836e36..bf60e00 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -7,6 +7,9 @@ import tailwindcss from "@tailwindcss/vite";
 // https://astro.build/config
 export default defineConfig({
   site: "https://www.bztmon.com",
+  // Always emit/expect trailing slashes so internal links hit the final URL directly
+  // (no nginx dir-redirect → no stray :8080 / cached 301s).
+  trailingSlash: "always",
   integrations: [sitemap()],
   build: {
     // Keep CSS in external files (no inlined <style> blocks) — friendlier to a strict CSP.
diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index 5d6a248..4553531 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -5,8 +5,8 @@ import { site } from "../data/site";
 const links = [
   { label: "About", href: "/#about" },
   { label: "Skills", href: "/#skills" },
-  { label: "Projects", href: "/projects" },
-  { label: "Blog", href: "/blog" },
+  { label: "Projects", href: "/projects/" },
+  { label: "Blog", href: "/blog/" },
   { label: "Contact", href: "/#contact" },
 ];
 ---
diff --git a/src/components/PostList.astro b/src/components/PostList.astro
index 36fb6a1..2461a1e 100644
--- a/src/components/PostList.astro
+++ b/src/components/PostList.astro
@@ -13,7 +13,7 @@ const { posts } = Astro.props;
   {
     posts.map((post) => (
       <li class="post" data-reveal>
-        <a class="post__link" href={`/blog/${post.id}`}>
+        <a class="post__link" href={`/blog/${post.id}/`}>
           <div class="post__meta mono">
             <time datetime={post.data.date.toISOString()}>{formatDate(post.data.date)}</time>
             <span class="post__sep">·</span>
diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro
index f37a4ed..b07a503 100644
--- a/src/components/ProjectCard.astro
+++ b/src/components/ProjectCard.astro
@@ -5,7 +5,7 @@ interface Props {
 }
 const { entry } = Astro.props;
 const p = entry.data;
-const href = `/projects/${entry.id}`;
+const href = `/projects/${entry.id}/`;
 ---
 
 <a class="project card" href={href} data-reveal>
diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro
index 34a0c45..63f9856 100644
--- a/src/pages/blog/[slug].astro
+++ b/src/pages/blog/[slug].astro
@@ -14,10 +14,10 @@ const { entry } = Astro.props;
 const { Content } = await render(entry);
 ---
 
-<Layout title={entry.data.title} path={`/blog/${entry.id}`} description={entry.data.summary}>
+<Layout title={entry.data.title} path={`/blog/${entry.id}/`} description={entry.data.summary}>
   <article class="post">
     <div class="container post__inner">
-      <a class="post__back mono" href="/blog">← All posts</a>
+      <a class="post__back mono" href="/blog/">← All posts</a>
 
       <header class="post__head" data-reveal>
         <div class="post__meta mono">
@@ -28,7 +28,7 @@ const { Content } = await render(entry);
         <h1 class="post__title">{entry.data.title}</h1>
         <ul class="post__tags">
           {entry.data.tags.map((t) => (
-            <li><a class="tag" href={`/blog/tags/${t}`}>{t}</a></li>
+            <li><a class="tag" href={`/blog/tags/${t}/`}>{t}</a></li>
           ))}
         </ul>
       </header>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index ce6fcaf..265e574 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -18,7 +18,7 @@ const tags = allTags(posts);
       <nav class="blog__tags" aria-label="Filter by tag" data-reveal>
         <span class="mono blog__tags-label">tags:</span>
         {tags.map((t) => (
-          <a class="tag blog__tag" href={`/blog/tags/${t}`}>{t}</a>
+          <a class="tag blog__tag" href={`/blog/tags/${t}/`}>{t}</a>
         ))}
       </nav>
     )}
diff --git a/src/pages/blog/tags/[tag].astro b/src/pages/blog/tags/[tag].astro
index cdfe308..98e59c3 100644
--- a/src/pages/blog/tags/[tag].astro
+++ b/src/pages/blog/tags/[tag].astro
@@ -17,10 +17,10 @@ export const getStaticPaths = (async () => {
 const { tag, posts } = Astro.props;
 ---
 
-<Layout title={`#${tag}`} path={`/blog/tags/${tag}`} description={`Posts tagged ${tag}.`}>
+<Layout title={`#${tag}`} path={`/blog/tags/${tag}/`} description={`Posts tagged ${tag}.`}>
   <Section id="tag" eyebrow="Tag" index="#" title={`Posts tagged “${tag}”`}>
     <p class="tag-page__back" data-reveal>
-      <a class="btn" href="/blog">← All posts</a>
+      <a class="btn" href="/blog/">← All posts</a>
     </p>
     <PostList posts={posts} />
   </Section>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index da54114..d18e900 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -32,7 +32,7 @@ const featuredProjects = (await getCollection("projects", (p) => p.data.featured
       {featuredProjects.map((entry) => <ProjectCard entry={entry} />)}
     </div>
     <p class="projects__more" data-reveal>
-      <a class="btn" href="/projects">All projects →</a>
+      <a class="btn" href="/projects/">All projects →</a>
     </p>
   </Section>
 
diff --git a/src/pages/projects/[slug].astro b/src/pages/projects/[slug].astro
index 693e4e5..6958e9c 100644
--- a/src/pages/projects/[slug].astro
+++ b/src/pages/projects/[slug].astro
@@ -14,10 +14,10 @@ const p = entry.data;
 const { Content } = await render(entry);
 ---
 
-<Layout title={p.title} path={`/projects/${entry.id}`} description={p.summary}>
+<Layout title={p.title} path={`/projects/${entry.id}/`} description={p.summary}>
   <article class="case">
     <div class="container case__inner">
-      <a class="case__back mono" href="/projects">← All projects</a>
+      <a class="case__back mono" href="/projects/">← All projects</a>
 
       <header class="case__head" data-reveal>
         <p class="eyebrow">Case study</p>