Links: trailing-slash internal URLs (no dir-redirect → kills the :8080/cached-301 issue)

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" },
 ];
 ---

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>

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>