diff --git a/src/components/Header.astro b/src/components/Header.astro
index 48d3fb9..1344fe8 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,10 +1,10 @@
 ---
 const navLinks = [
-  { href: '/', label: 'Home' },
-  { href: '/about', label: 'About' },
-  { href: '/events', label: 'Events' },
-  { href: '/communities', label: 'Communities' },
-  { href: '/apps', label: 'Apps' },
+  { href: `${import.meta.env.BASE_URL}/`, label: 'Home' },
+  { href: `${import.meta.env.BASE_URL}/about`, label: 'About' },
+  { href: `${import.meta.env.BASE_URL}/events`, label: 'Events' },
+  { href: `${import.meta.env.BASE_URL}/communities`, label: 'Communities' },
+  { href: `${import.meta.env.BASE_URL}/apps`, label: 'Apps' },
 ];
 
 const currentPath = Astro.url.pathname;
@@ -12,7 +12,7 @@ const currentPath = Astro.url.pathname;
 
 <header class="site-header">
   <nav class="site-nav container" aria-label="Main navigation">
-    <a href="/" class="site-logo" aria-label="atmosphere.community home">
+    <a href={`${import.meta.env.BASE_URL}/`} class="site-logo" aria-label="atmosphere.community home">
       <span class="logo-cloud" aria-hidden="true"></span>
       <span class="logo-text"><span class="logo-at">@</span>atmosphere</span>
     </a>
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
index a8af1f3..bd51d42 100644
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@@ -35,8 +35,8 @@ import '../styles/global.css';
     {ogImage && <meta property="og:image" content={ogImage} />}
 
     <!-- Favicons -->
-    <link rel="icon" type="image/webp" href="/goose.webp" />
-    <link rel="apple-touch-icon" href="/goose.webp" />
+    <link rel="icon" type="image/webp" href={`${import.meta.env.BASE_URL}/goose.webp`} />
+    <link rel="apple-touch-icon" href={`${import.meta.env.BASE_URL}/goose.webp`} />
 
     <!-- Fonts: Bitter (display) + Source Sans 3 (body) -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
diff --git a/src/pages/about.astro b/src/pages/about.astro
index bbcf34b..9f51866 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -65,7 +65,7 @@ import Footer from '../components/Footer.astro';
             — <code>@atmosphere.community</code>
           </li>
           <li>
-            <a href="/communities">Find a local community</a> near you
+            <a href={`${import.meta.env.BASE_URL}/communities`}>Find a local community</a> near you
           </li>
         </ul>
       </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 674d1dd..f66c05b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -178,7 +178,7 @@ const highlights = [
     <div class="container">
       <div class="section-header">
         <h2 id="events-heading" class="section__title">Upcoming events</h2>
-        <a href="/events" class="section__more">See all events →</a>
+        <a href={`${import.meta.env.BASE_URL}/events`} class="section__more">See all events →</a>
       </div>
       <div class="grid-2">
         {events.map(event => (
@@ -193,7 +193,7 @@ const highlights = [
     <div class="container">
       <div class="section-header">
         <h2 id="communities-heading" class="section__title">Local communities</h2>
-        <a href="/communities" class="section__more">See all →</a>
+        <a href={`${import.meta.env.BASE_URL}/communities`} class="section__more">See all →</a>
       </div>
       <div class="community-row">
         {communities.slice(0, 8).map(c => (
@@ -208,7 +208,7 @@ const highlights = [
     <div class="container">
       <div class="section-header">
         <h2 id="apps-heading" class="section__title">Apps built on AT Protocol</h2>
-        <a href="/apps" class="section__more">See all apps →</a>
+        <a href={`${import.meta.env.BASE_URL}/apps`} class="section__more">See all apps →</a>
       </div>
       <div class="grid-2">
         {apps.slice(0, 6).map(app => (