diff --git a/.eslintrc.js b/.eslintrc.js
index aaf26df8d..a594e5f9c 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -27,5 +27,7 @@ module.exports = {
     "react/jsx-no-target-blank": ["error", { allowReferrer: true }],
     "@typescript-eslint/no-explicit-any": "off", // TODO: turn this on in future
     "@typescript-eslint/explicit-module-boundary-types": "off", // TODO: turn this on in future
+    // Local rule loaded via `--rulesdir eslint-rules` on the lint-ui make target.
+    "no-bare-root-href": "error",
   },
 }
diff --git a/Makefile b/Makefile
index 68c6fccc5..76c20f814 100644
--- a/Makefile
+++ b/Makefile
@@ -125,7 +125,7 @@ lint-server: ## Lint server code
 	golangci-lint run --timeout 3m
 
 lint-ui: ## Lint ui code
-	npx eslint .
+	npx eslint --rulesdir eslint-rules .
 
 
 
diff --git a/app/handlers/oauth.go b/app/handlers/oauth.go
index 24a97dcf2..f57ae992f 100644
--- a/app/handlers/oauth.go
+++ b/app/handlers/oauth.go
@@ -31,13 +31,13 @@ func OAuthEcho() web.HandlerFunc {
 
 		code := c.QueryParam("code")
 		if code == "" {
-			return c.Redirect("/")
+			return c.RedirectTo("/")
 		}
 
 		identifier := c.QueryParam("identifier")
 		if identifier == "" || identifier != c.SessionID() {
 			log.Warn(c, "OAuth identifier doesn't match with user session ID. Aborting sign in process.")
-			return c.Redirect("/")
+			return c.RedirectTo("/")
 		}
 
 		rawProfile := &query.GetOAuthRawProfile{Provider: provider, Code: code}
@@ -142,13 +142,13 @@ func OAuthToken() web.HandlerFunc {
 					"UserRoles":    oauthUser.Result.Roles,
 					"AllowedRoles": providerAllowedRoles,
 				})
-			return c.Redirect("/access-denied")
+			return c.RedirectTo("/access-denied")
 		}
 		if err != nil {
 			if errors.Cause(err) == app.ErrNotFound {
 				isTrusted := customConfig != nil && customConfig.IsTrusted
 				if c.Tenant().IsPrivate && !isTrusted {
-					return c.Redirect("/not-invited")
+					return c.RedirectTo("/not-invited")
 				}
 
 				user = &entity.User{
diff --git a/app/handlers/post.go b/app/handlers/post.go
index 5d2f837c5..089cf0b01 100644
--- a/app/handlers/post.go
+++ b/app/handlers/post.go
@@ -98,7 +98,7 @@ func PostDetails() web.HandlerFunc {
 		}
 
 		if c.Param("slug") != getPost.Result.Slug {
-			return c.Redirect(fmt.Sprintf("/posts/%d/%s", getPost.Result.Number, getPost.Result.Slug))
+			return c.Redirect(fmt.Sprintf("%s/posts/%d/%s", c.BasePath(), getPost.Result.Number, getPost.Result.Slug))
 		}
 
 		isSubscribed := &query.UserSubscribedTo{PostID: getPost.Result.ID}
diff --git a/app/handlers/signin.go b/app/handlers/signin.go
index 881fab00d..a69a0798b 100644
--- a/app/handlers/signin.go
+++ b/app/handlers/signin.go
@@ -321,8 +321,7 @@ func VerifySignInKey(kind enum.EmailVerificationKind) web.HandlerFunc {
 					}
 
 					webutil.AddAuthUserCookie(c, user)
-					baseURL := c.BaseURL()
-					return c.Redirect(baseURL)
+					return c.Redirect(c.BaseURL())
 				}
 
 				// Otherwise, show profile completion page
@@ -346,8 +345,7 @@ func VerifySignInKey(kind enum.EmailVerificationKind) web.HandlerFunc {
 
 		webutil.AddAuthUserCookie(c, userByEmail.Result)
 
-		baseURL := c.BaseURL()
-		return c.Redirect(baseURL)
+		return c.Redirect(c.BaseURL())
 	}
 }
 
@@ -396,6 +394,6 @@ func CompleteSignInProfile() web.HandlerFunc {
 func SignOut() web.HandlerFunc {
 	return func(c *web.Context) error {
 		c.RemoveCookie(web.CookieAuthName)
-		return c.Redirect("/")
+		return c.RedirectTo("/")
 	}
 }
diff --git a/app/handlers/signup.go b/app/handlers/signup.go
index dd84a05a7..5d4cb6fae 100644
--- a/app/handlers/signup.go
+++ b/app/handlers/signup.go
@@ -141,7 +141,7 @@ func SignUp() web.HandlerFunc {
 			}
 
 			if firstTenant.Result != nil {
-				return c.Redirect("/")
+				return c.RedirectTo("/")
 			}
 		} else {
 			baseURL := web.OAuthBaseURL(c)
diff --git a/app/middlewares/tenant.go b/app/middlewares/tenant.go
index 03beb5bca..b75413ae0 100644
--- a/app/middlewares/tenant.go
+++ b/app/middlewares/tenant.go
@@ -80,7 +80,7 @@ func RequireTenant() web.MiddlewareFunc {
 			tenant := c.Tenant()
 			if tenant == nil {
 				if env.IsSingleHostMode() {
-					return c.Redirect("/signup")
+					return c.RedirectTo("/signup")
 				}
 				return c.NotFound()
 			}
@@ -127,9 +127,9 @@ func CheckTenantPrivacy() web.MiddlewareFunc {
 				}
 
 				if redirectTarget != "" {
-					return c.Redirect("/signin?redirect=" + url.QueryEscape(redirectTarget))
+					return c.RedirectTo("/signin?redirect=" + url.QueryEscape(redirectTarget))
 				}
-				return c.Redirect("/signin")
+				return c.RedirectTo("/signin")
 			}
 			return next(c)
 		}
diff --git a/app/middlewares/user.go b/app/middlewares/user.go
index 320856871..7f8b53961 100644
--- a/app/middlewares/user.go
+++ b/app/middlewares/user.go
@@ -72,9 +72,9 @@ func User() web.MiddlewareFunc {
 						redirectTarget != "/" &&
 						!strings.HasPrefix(redirectTarget, "/signin") &&
 						!strings.HasPrefix(redirectTarget, "/signout") {
-						return c.Redirect("/signin?redirect=" + url.QueryEscape(redirectTarget))
+						return c.RedirectTo("/signin?redirect=" + url.QueryEscape(redirectTarget))
 					}
-					return c.Redirect("/signin")
+					return c.RedirectTo("/signin")
 				}
 			} else if c.Request.IsAPI() {
 				authHeader := c.Request.GetHeader("Authorization")
diff --git a/app/pkg/web/context.go b/app/pkg/web/context.go
index 4857bcded..ccaeb786c 100644
--- a/app/pkg/web/context.go
+++ b/app/pkg/web/context.go
@@ -377,9 +377,28 @@ func (c *Context) RemoveCookie(name string) {
 
 // BaseURL returns base URL
 func (c *Context) BaseURL() string {
+	if env.IsSingleHostMode() {
+		return env.Config.BaseURL
+	}
 	return c.Request.BaseURL()
 }
 
+// BasePath returns the path prefix from BASE_URL for sub-path hosting.
+// Returns "" when Fider is hosted at the domain root, or "/feedback" when
+// hosted at example.com/feedback. Use this for building redirect paths.
+func (c *Context) BasePath() string {
+	if env.IsSingleHostMode() {
+		u, err := url.Parse(env.Config.BaseURL)
+		if err == nil {
+			p := strings.TrimRight(u.Path, "/")
+			if p != "" {
+				return p
+			}
+		}
+	}
+	return ""
+}
+
 // QueryParam returns querystring parameter for given key
 func (c *Context) QueryParam(key string) string {
 	return c.Request.URL.Query().Get(key)
@@ -524,6 +543,13 @@ func (c *Context) Redirect(url string) error {
 	return nil
 }
 
+// RedirectTo redirects to a root-relative path, automatically prepending
+// BasePath() for sub-path hosting. Callers pass natural paths (e.g. "/signin")
+// instead of manually concatenating c.BasePath() + "/signin" at every site.
+func (c *Context) RedirectTo(path string) error {
+	return c.Redirect(c.BasePath() + path)
+}
+
 // PermanentRedirect the request to a provided URL
 func (c *Context) PermanentRedirect(url string) error {
 	c.Response.Header().Set("Cache-Control", "no-cache, no-store")
diff --git a/app/pkg/web/context_test.go b/app/pkg/web/context_test.go
index 8bf097095..6830272c3 100644
--- a/app/pkg/web/context_test.go
+++ b/app/pkg/web/context_test.go
@@ -51,6 +51,7 @@ func TestContextID(t *testing.T) {
 
 func TestBaseURL(t *testing.T) {
 	RegisterT(t)
+	env.Config.HostMode = "multi"
 
 	ctx := newGetContext("http://demo.test.fider.io:3000", nil)
 
@@ -59,6 +60,7 @@ func TestBaseURL(t *testing.T) {
 
 func TestBaseURL_HTTPS(t *testing.T) {
 	RegisterT(t)
+	env.Config.HostMode = "multi"
 
 	ctx := newGetContext("https://demo.test.fider.io:3000", nil)
 
@@ -67,6 +69,7 @@ func TestBaseURL_HTTPS(t *testing.T) {
 
 func TestBaseURL_HTTPS_Proxy(t *testing.T) {
 	RegisterT(t)
+	env.Config.HostMode = "multi"
 
 	ctx := newGetContext("http://demo.test.fider.io:3000", map[string]string{
 		"X-Forwarded-Proto": "https",
@@ -75,6 +78,65 @@ func TestBaseURL_HTTPS_Proxy(t *testing.T) {
 	Expect(ctx.BaseURL()).Equals("https://demo.test.fider.io:3000")
 }
 
+func TestBaseURL_SingleHostMode(t *testing.T) {
+	RegisterT(t)
+	env.Config.HostMode = "single"
+	env.Config.BaseURL = "https://example.com"
+
+	ctx := newGetContext("http://demo.test.fider.io:3000", nil)
+
+	Expect(ctx.BaseURL()).Equals("https://example.com")
+}
+
+func TestBaseURL_SingleHostMode_WithPath(t *testing.T) {
+	RegisterT(t)
+	env.Config.HostMode = "single"
+	env.Config.BaseURL = "https://example.com/feedback"
+
+	ctx := newGetContext("http://demo.test.fider.io:3000", nil)
+
+	Expect(ctx.BaseURL()).Equals("https://example.com/feedback")
+}
+
+func TestBasePath_MultiHostMode(t *testing.T) {
+	RegisterT(t)
+	env.Config.HostMode = "multi"
+
+	ctx := newGetContext("http://demo.test.fider.io:3000", nil)
+
+	Expect(ctx.BasePath()).Equals("")
+}
+
+func TestBasePath_SingleHostMode_NoPath(t *testing.T) {
+	RegisterT(t)
+	env.Config.HostMode = "single"
+	env.Config.BaseURL = "https://example.com"
+
+	ctx := newGetContext("http://demo.test.fider.io:3000", nil)
+
+	Expect(ctx.BasePath()).Equals("")
+}
+
+func TestBasePath_SingleHostMode_WithPath(t *testing.T) {
+	RegisterT(t)
+	env.Config.HostMode = "single"
+	env.Config.BaseURL = "https://example.com/feedback"
+
+	ctx := newGetContext("http://demo.test.fider.io:3000", nil)
+
+	Expect(ctx.BasePath()).Equals("/feedback")
+}
+
+func TestBasePath_SingleHostMode_WithTrailingSlash(t *testing.T) {
+	RegisterT(t)
+	env.Config.HostMode = "single"
+	env.Config.BaseURL = "https://example.com/feedback/"
+
+	ctx := newGetContext("http://demo.test.fider.io:3000", nil)
+
+	Expect(ctx.BasePath()).Equals("/feedback")
+}
+
 func TestCurrentURL(t *testing.T) {
 	RegisterT(t)
 
diff --git a/eslint-rules/.eslintrc.js b/eslint-rules/.eslintrc.js
new file mode 100644
index 000000000..feee87bfe
--- /dev/null
+++ b/eslint-rules/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  env: { node: true },
+  parserOptions: { ecmaVersion: 2020, sourceType: "script" },
+}
diff --git a/eslint-rules/no-bare-root-href.js b/eslint-rules/no-bare-root-href.js
new file mode 100644
index 000000000..9b4315267
--- /dev/null
+++ b/eslint-rules/no-bare-root-href.js
@@ -0,0 +1,80 @@
+"use strict"
+
+// Local ESLint rule: flags JSX `href` attributes set to root-relative paths
+// without going through the <Link> component or resolveHref(). Catches both
+// string literals (href="/admin") and template literals (href={`/posts/${id}`}).
+//
+// Broken under sub-path hosting: when BASE_URL has a path component
+// (e.g. https://example.com/feedback), bare /-prefixed hrefs resolve to the
+// domain root and skip the sub-path. Using <Link> or resolveHref() routes
+// the href through basePath() and produces correct URLs at every host mode.
+//
+// Safe elements: <Link> (auto-resolves), <Button> (auto-resolves), and
+// <Dropdown.ListItem> (auto-resolves) are exempt. Anything else using a
+// root-relative href is flagged.
+module.exports = {
+  meta: {
+    type: "problem",
+    docs: {
+      description: "Disallow bare root-relative hrefs in JSX; use <Link> or resolveHref()",
+    },
+    messages: {
+      bareHref: "Avoid hardcoded root-relative href on <{{element}}>; use the <Link> component or resolveHref() so sub-path hosting is respected.",
+    },
+    schema: [],
+  },
+  create(context) {
+    const SAFE_ELEMENTS = new Set(["Link", "Button"])
+
+    function getElementName(jsxOpeningElement) {
+      const name = jsxOpeningElement.name
+      if (name.type === "JSXIdentifier") return name.name
+      if (name.type === "JSXMemberExpression") {
+        // Dropdown.ListItem — walk to the tail identifier
+        let node = name
+        while (node.type === "JSXMemberExpression") node = node.property
+        return node.name
+      }
+      return ""
+    }
+
+    function startsWithSlash(node) {
+      if (node.type === "Literal" && typeof node.value === "string") {
+        return node.value.startsWith("/")
+      }
+      if (node.type === "TemplateLiteral" && node.quasis.length > 0) {
+        const first = node.quasis[0].value.cooked
+        return typeof first === "string" && first.startsWith("/")
+      }
+      return false
+    }
+
+    return {
+      JSXAttribute(node) {
+        if (node.name.name !== "href" || !node.value) return
+
+        const opening = node.parent
+        const element = getElementName(opening)
+        if (SAFE_ELEMENTS.has(element)) return
+        // Dropdown.ListItem auto-resolves too
+        if (element === "ListItem" && opening.name.type === "JSXMemberExpression") return
+
+        let expr = null
+        if (node.value.type === "Literal") {
+          expr = node.value
+        } else if (node.value.type === "JSXExpressionContainer") {
+          expr = node.value.expression
+        }
+        if (!expr) return
+
+        if (startsWithSlash(expr)) {
+          context.report({
+            node,
+            messageId: "bareHref",
+            data: { element },
+          })
+        }
+      },
+    }
+  },
+}
diff --git a/public/components/Header.tsx b/public/components/Header.tsx
index 4bc3b78ae..665e58a15 100644
--- a/public/components/Header.tsx
+++ b/public/components/Header.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from "react"
 import { SignInModal, RSSModal, TenantLogo, NotificationIndicator, UserMenu, ThemeSwitcher, Icon, Button, ModerationIndicator } from "@fider/components"
 import { useFider } from "@fider/hooks"
+import { basePath } from "@fider/services"
 import { HStack } from "./layout"
 import { Trans } from "@lingui/react/macro"
 import { i18n } from "@lingui/core"
@@ -37,7 +38,7 @@ export const Header = (props: HeaderProps) => {
         <div className="container c-header__container">
           <div className="flex flex-wrap flex-items-center gap-2">
             <div className="flex flex-x flex-items-center justify-between w-full">
-              <a href="/" className="flex flex-x flex-items-center flex--spacing-2 h-8">
+              <a href={`${basePath()}/`} className="flex flex-x flex-items-center flex--spacing-2 h-8">
                 <TenantLogo size={100} />
                 <h1 className="text-header">{fider.session.tenant.name}</h1>
               </a>
diff --git a/public/components/ModerationIndicator.tsx b/public/components/ModerationIndicator.tsx
index cc0b23d79..7740ff0d8 100644
--- a/public/components/ModerationIndicator.tsx
+++ b/public/components/ModerationIndicator.tsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react"
 import { Icon } from "@fider/components"
 import { useFider } from "@fider/hooks"
+import { basePath } from "@fider/services"
 import ThumbsUp from "@fider/assets/images/heroicons-thumbsup.svg"
 import ThumbsDown from "@fider/assets/images/heroicons-thumbsdown.svg"
 import { HStack } from "@fider/components/layout"
@@ -13,7 +14,7 @@ export const ModerationIndicator = () => {
   useEffect(() => {
     const fetchCount = async () => {
       try {
-        const response = await fetch("/_api/admin/moderation/count")
+        const response = await fetch(`${basePath()}/_api/admin/moderation/count`)
         if (response.ok) {
           const data = await response.json()
           setCount(data.count || 0)
@@ -48,7 +49,7 @@ export const ModerationIndicator = () => {
 
   if (count > 0) {
     return (
-      <a href="/admin/moderation">
+      <a href={`${basePath()}/admin/moderation`}>
         <HStack className="bg-green-200 rounded-full px-4">
           <Icon width="18" height="18" sprite={ThumbsUp} />
           <Icon width="18" height="18" sprite={ThumbsDown} />
diff --git a/public/components/NotificationIndicator.tsx b/public/components/NotificationIndicator.tsx
index 1b4470219..8daf057f6 100644
--- a/public/components/NotificationIndicator.tsx
+++ b/public/components/NotificationIndicator.tsx
@@ -5,7 +5,7 @@ import React, { useEffect, useState } from "react"
 import IconBell from "@fider/assets/images/heroicons-bell.svg"
 import { useFider } from "@fider/hooks"
 import { actions, Fider } from "@fider/services"
-import { Avatar, Icon, Markdown, Moment } from "./common"
+import { Avatar, Icon, Link, Markdown, Moment } from "./common"
 import { Dropdown } from "./common/Dropdown"
 import { Notification } from "@fider/models"
 import { VStack } from "./layout"
@@ -14,7 +14,7 @@ import { Trans } from "@lingui/react/macro"
 
 export const NotificationItem = ({ notification }: { notification: Notification }) => {
   return (
-    <a href={`/notifications/${notification.id}`} className="px-3 pr-5 hover py-4 flex flex-x flex--spacing-4 flex-items-center">
+    <Link href={`/notifications/${notification.id}`} className="px-3 pr-5 hover py-4 flex flex-x flex--spacing-4 flex-items-center">
       <Avatar user={{ name: notification.authorName, avatarURL: notification.avatarURL }} />
       <div>
         <Markdown className="c-notification-indicator-text" text={notification.title} style="full" />
@@ -22,7 +22,7 @@ export const NotificationItem = ({ notification }: { notification: Notification
           <Moment locale={Fider.currentLocale} date={notification.createdAt} />
         </span>
       </div>
-    </a>
+    </Link>
   )
 }
 
diff --git a/public/components/ReadOnlyNotice.tsx b/public/components/ReadOnlyNotice.tsx
index 72490b2aa..334127868 100644
--- a/public/components/ReadOnlyNotice.tsx
+++ b/public/components/ReadOnlyNotice.tsx
@@ -1,5 +1,6 @@
 import React from "react"
 import { useFider } from "@fider/hooks"
+import { basePath } from "@fider/services"
 import { Message } from "./common"
 
 export const ReadOnlyNotice = () => {
@@ -12,7 +13,7 @@ export const ReadOnlyNotice = () => {
     return (
       <Message alignment="center" type="warning">
         This website is currently in read-only mode because there is no active subscription. Visit{" "}
-        <a className="text-link" href="/admin/billing">
+        <a className="text-link" href={`${basePath()}/admin/billing`}>
           Billing
         </a>{" "}
         to subscribe.
diff --git a/public/components/ShowPostResponse.tsx b/public/components/ShowPostResponse.tsx
index 9be547232..4b4b3c67e 100644
--- a/public/components/ShowPostResponse.tsx
+++ b/public/components/ShowPostResponse.tsx
@@ -1,6 +1,6 @@
 import React from "react"
 import { PostResponse, PostStatus } from "@fider/models"
-import { Icon, Markdown, UserName, Moment, Avatar } from "@fider/components"
+import { Icon, Link, Markdown, UserName, Moment, Avatar } from "@fider/components"
 import HeroIconDuplicate from "@fider/assets/images/heroicons-duplicate.svg"
 import HeroIconCheck from "@fider/assets/images/heroicons-check-circle.svg"
 import HeroIconSparkles from "@fider/assets/images/heroicons-sparkles-outline.svg"
@@ -48,9 +48,9 @@ export const ResponseDetails = (props: PostResponseProps): JSX.Element | null =>
 
             {status === PostStatus.Duplicate && props.response.original && (
               <div className="c-response-details__content">
-                <a className="text-link" href={`/posts/${props.response.original.number}/${props.response.original.slug}`}>
+                <Link className="text-link" href={`/posts/${props.response.original.number}/${props.response.original.slug}`}>
                   {props.response.original.title}
-                </a>
+                </Link>
               </div>
             )}
           </VStack>
diff --git a/public/components/ShowTag.tsx b/public/components/ShowTag.tsx
index 63174ffc4..14d92aef8 100644
--- a/public/components/ShowTag.tsx
+++ b/public/components/ShowTag.tsx
@@ -5,7 +5,7 @@ import { Tag } from "@fider/models"
 import { classSet } from "@fider/services"
 import EyeSlash from "@fider/assets/images/heroicons-eyeslash.svg"
 import TagSolid from "@fider/assets/images/heroicons-tagsolid.svg"
-import { Icon } from "./common"
+import { Icon, Link } from "./common"
 
 interface TagProps {
   tag: Tag
@@ -32,7 +32,7 @@ export const ShowTag = (props: TagProps) => {
   }
 
   return (
-    <a
+    <Link
       // always add an href, so the tag can be selected by keyboard in the TagsSelect
       href={props.link && props.tag.slug ? `/?tags=${props.tag.slug}` : ""}
       title={`${props.tag.name}${props.tag.isPublic ? "" : " (Private)"}`}
@@ -42,6 +42,6 @@ export const ShowTag = (props: TagProps) => {
       <Icon style={{ color: `#${props.tag.color}` }} className="pr-1" height="18" width="18" sprite={TagSolid}></Icon>
       {!props.tag.isPublic && !props.circular && <Icon height="14" width="14" sprite={EyeSlash} className="mr-1" />}
       {props.circular ? "" : props.tag.name || "Tag"}
-    </a>
+    </Link>
   )
 }
diff --git a/public/components/UserMenu.tsx b/public/components/UserMenu.tsx
index 6256112f1..91e50699d 100644
--- a/public/components/UserMenu.tsx
+++ b/public/components/UserMenu.tsx
@@ -1,5 +1,6 @@
 import React from "react"
 import { useFider } from "@fider/hooks"
+import { basePath } from "@fider/services"
 import { Avatar, Dropdown } from "./common"
 import { Trans } from "@lingui/react/macro"
 import IconCog from "@fider/assets/images/heroicons-cog.svg"
@@ -13,7 +14,7 @@ export const UserMenu = () => {
     <div className="c-menu-user">
       <Dropdown position="left" renderHandle={<Avatar user={fider.session.user} />}>
         <div className="p-2 text-medium uppercase">{fider.session.user.name}</div>
-        <Dropdown.ListItem href="/settings" icon={IconCog}>
+        <Dropdown.ListItem href={`${basePath()}/settings`} icon={IconCog}>
           <Trans id="menu.mysettings">My Settings</Trans>
         </Dropdown.ListItem>
         <Dropdown.Divider />
@@ -23,13 +24,13 @@ export const UserMenu = () => {
             <div className="p-2 text-medium uppercase">
               <Trans id="menu.administration">Administration</Trans>
             </div>
-            <Dropdown.ListItem href="/admin" icon={IconWrench}>
+            <Dropdown.ListItem href={`${basePath()}/admin`} icon={IconWrench}>
               <Trans id="menu.sitesettings">Site Settings</Trans>
             </Dropdown.ListItem>
             <Dropdown.Divider />
           </>
         )}
-        <Dropdown.ListItem href="/signout" icon={IconLeft}>
+        <Dropdown.ListItem href={`${basePath()}/signout`} icon={IconLeft}>
           <Trans id="menu.signout">Sign out</Trans>
         </Dropdown.ListItem>
       </Dropdown>
diff --git a/public/components/common/Button.tsx b/public/components/common/Button.tsx
index d683a2b17..f8b567495 100644
--- a/public/components/common/Button.tsx
+++ b/public/components/common/Button.tsx
@@ -1,7 +1,7 @@
 import "./Button.scss"
 
 import React, { useEffect, useRef, useState } from "react"
-import { classSet } from "@fider/services"
+import { classSet, resolveHref } from "@fider/services"
 
 interface ButtonProps {
   children?: React.ReactNode
@@ -52,7 +52,7 @@ export const Button: React.FC<ButtonProps> = ({ size = "default", variant = "sec
 
   if (props.href) {
     buttonContent = (
-      <a href={props.href} rel={props.rel} target={props.target} className={className} style={props.style}>
+      <a href={resolveHref(props.href)} rel={props.rel} target={props.target} className={className} style={props.style}>
         {props.children}
       </a>
     )
diff --git a/public/components/common/Dropdown.tsx b/public/components/common/Dropdown.tsx
index 10cd86d37..3cd7230d3 100644
--- a/public/components/common/Dropdown.tsx
+++ b/public/components/common/Dropdown.tsx
@@ -1,7 +1,7 @@
 import "./Dropdown.scss"
 
 import React, { createContext, useContext, useEffect, useRef, useState } from "react"
-import { classSet } from "@fider/services"
+import { classSet, resolveHref } from "@fider/services"
 import { Icon } from "@fider/components/common/Icon"
 
 interface DropdownListItemProps {
@@ -25,7 +25,7 @@ const ListItem = (props: DropdownListItemProps) => {
 
   if (props.href) {
     return (
-      <a href={props.href} className={`c-dropdown__listitem ${props.className}`} type={props.type || "button"}>
+      <a href={resolveHref(props.href)} className={`c-dropdown__listitem ${props.className}`} type={props.type || "button"}>
         {props.icon && <Icon sprite={props.icon} className="mr-2" width="16" height="16" />}
         {props.children}
       </a>
diff --git a/public/components/common/Legal.tsx b/public/components/common/Legal.tsx
index dee4c6fb3..9a0f7e7c1 100644
--- a/public/components/common/Legal.tsx
+++ b/public/components/common/Legal.tsx
@@ -1,6 +1,7 @@
 import React from "react"
 import { Modal, Checkbox } from "@fider/components"
 import { useFider } from "@fider/hooks"
+import { basePath } from "@fider/services"
 import { Trans } from "@lingui/react/macro"
 
 interface LegalAgreementProps {
@@ -12,7 +13,7 @@ export const TermsOfService = () => {
 
   if (fider.settings.hasLegal) {
     return (
-      <a href="/terms" className="text-link" target="_blank">
+      <a href={`${basePath()}/terms`} className="text-link" target="_blank" rel="noreferrer">
         <Trans id="legal.termsofservice">Terms of Service</Trans>
       </a>
     )
@@ -25,7 +26,7 @@ export const PrivacyPolicy = () => {
 
   if (fider.settings.hasLegal) {
     return (
-      <a href="/privacy" className="text-link" target="_blank">
+      <a href={`${basePath()}/privacy`} className="text-link" target="_blank" rel="noreferrer">
         <Trans id="legal.privacypolicy">Privacy Policy</Trans>
       </a>
     )
diff --git a/public/components/common/Link.spec.tsx b/public/components/common/Link.spec.tsx
new file mode 100644
index 000000000..8d76b14ef
--- /dev/null
+++ b/public/components/common/Link.spec.tsx
@@ -0,0 +1,35 @@
+import React from "react"
+import { render } from "@testing-library/react"
+import { Link } from "./Link"
+import { Fider } from "@fider/services"
+
+beforeAll(() => {
+  Fider.initialize({ settings: { baseURL: "" }, props: {} })
+})
+
+describe("<Link />", () => {
+  test("renders bare href when hosted at the domain root", () => {
+    Fider.settings.baseURL = "https://example.com"
+    const { container } = render(<Link href="/posts/1">One</Link>)
+    expect(container.querySelector("a")).toHaveAttribute("href", "/posts/1")
+  })
+
+  test("prepends basePath when hosted under a sub-path", () => {
+    Fider.settings.baseURL = "https://example.com/feedback"
+    const { container } = render(<Link href="/posts/1">One</Link>)
+    expect(container.querySelector("a")).toHaveAttribute("href", "/feedback/posts/1")
+  })
+
+  test("passes additional props through to the underlying anchor", () => {
+    Fider.settings.baseURL = "https://example.com"
+    const { container } = render(
+      <Link href="/x" className="my-class" target="_blank" rel="noopener">
+        link
+      </Link>
+    )
+    const a = container.querySelector("a")
+    expect(a).toHaveClass("my-class")
+    expect(a).toHaveAttribute("target", "_blank")
+    expect(a).toHaveAttribute("rel", "noopener")
+  })
+})
diff --git a/public/components/common/Link.tsx b/public/components/common/Link.tsx
new file mode 100644
index 000000000..80f8f7900
--- /dev/null
+++ b/public/components/common/Link.tsx
@@ -0,0 +1,22 @@
+import React from "react"
+import { resolveHref } from "@fider/services"
+
+type AnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement>
+
+interface LinkProps extends Omit<AnchorProps, "href"> {
+  href: string
+  children?: React.ReactNode
+}
+
+// Link is a thin wrapper around <a> that runs the href through resolveHref()
+// so callers can write natural root-relative paths (e.g. "/posts/1") without
+// worrying about sub-path hosting. Use in place of <a> for any in-app
+// navigation. External URLs, fragments, and already-prefixed hrefs pass
+// through unchanged.
+export const Link: React.FC<LinkProps> = ({ href, children, ...rest }) => {
+  return (
+    <a href={resolveHref(href)} {...rest}>
+      {children}
+    </a>
+  )
+}
diff --git a/public/components/common/index.tsx b/public/components/common/index.tsx
index 4bea87a2d..04354cc07 100644
--- a/public/components/common/index.tsx
+++ b/public/components/common/index.tsx
@@ -1,4 +1,5 @@
 export * from "./Button"
+export * from "./Link"
 export * from "./form/Form"
 export * from "./form/Input"
 export * from "./form/ImageUploader"
diff --git a/public/pages/Administration/components/SideMenu.tsx b/public/pages/Administration/components/SideMenu.tsx
index acde6b97c..58db0c8a7 100644
--- a/public/pages/Administration/components/SideMenu.tsx
+++ b/public/pages/Administration/components/SideMenu.tsx
@@ -1,7 +1,7 @@
 import "./SideMenu.scss"
 
 import React, { useState } from "react"
-import { classSet } from "@fider/services"
+import { classSet, basePath } from "@fider/services"
 import { Icon } from "@fider/components"
 import { useFider } from "@fider/hooks"
 import IconX from "@fider/assets/images/heroicons-x.svg"
@@ -40,18 +40,20 @@ export const SideMenu = (props: SiteMenuProps) => {
   return (
     <div className="js-admin-menu sm:hidden md:hidden lg:block">
       <VStack spacing={0} className="c-side-menu rounded-md shadow bg-white">
-        <SideMenuItem name="general" title="General" href="/admin" isActive={activeItem === "general"} />
-        <SideMenuItem name="privacy" title="Privacy" href="/admin/privacy" isActive={activeItem === "privacy"} />
-        <SideMenuItem name="users" title="Users" href="/admin/users" isActive={activeItem === "users"} />
-        <SideMenuItem name="tags" title="Tags" href="/admin/tags" isActive={activeItem === "tags"} />
-        <SideMenuItem name="invitations" title="Invitations" href="/admin/invitations" isActive={activeItem === "invitations"} />
-        <SideMenuItem name="authentication" title="Authentication" href="/admin/authentication" isActive={activeItem === "authentication"} />
-        <SideMenuItem name="advanced" title="Advanced" href="/admin/advanced" isActive={activeItem === "advanced"} />
+        <SideMenuItem name="general" title="General" href={`${basePath()}/admin`} isActive={activeItem === "general"} />
+        <SideMenuItem name="privacy" title="Privacy" href={`${basePath()}/admin/privacy`} isActive={activeItem === "privacy"} />
+        <SideMenuItem name="users" title="Users" href={`${basePath()}/admin/users`} isActive={activeItem === "users"} />
+        <SideMenuItem name="tags" title="Tags" href={`${basePath()}/admin/tags`} isActive={activeItem === "tags"} />
+        <SideMenuItem name="invitations" title="Invitations" href={`${basePath()}/admin/invitations`} isActive={activeItem === "invitations"} />
+        <SideMenuItem name="authentication" title="Authentication" href={`${basePath()}/admin/authentication`} isActive={activeItem === "authentication"} />
+        <SideMenuItem name="advanced" title="Advanced" href={`${basePath()}/admin/advanced`} isActive={activeItem === "advanced"} />
         {fider.session.user.isAdministrator && (
           <>
-            {fider.settings.isBillingEnabled && <SideMenuItem name="billing" title="Billing" href="/admin/billing" isActive={activeItem === "billing"} />}
-            <SideMenuItem name="webhooks" title="Webhooks" href="/admin/webhooks" isActive={activeItem === "webhooks"} />
-            <SideMenuItem name="export" title="Export" href="/admin/export" isActive={activeItem === "export"} />
+            {fider.settings.isBillingEnabled && (
+              <SideMenuItem name="billing" title="Billing" href={`${basePath()}/admin/billing`} isActive={activeItem === "billing"} />
+            )}
+            <SideMenuItem name="webhooks" title="Webhooks" href={`${basePath()}/admin/webhooks`} isActive={activeItem === "webhooks"} />
+            <SideMenuItem name="export" title="Export" href={`${basePath()}/admin/export`} isActive={activeItem === "export"} />
           </>
         )}
       </VStack>
diff --git a/public/pages/Administration/pages/ContentModeration.page.tsx b/public/pages/Administration/pages/ContentModeration.page.tsx
index 92de3cfd2..9f479527b 100644
--- a/public/pages/Administration/pages/ContentModeration.page.tsx
+++ b/public/pages/Administration/pages/ContentModeration.page.tsx
@@ -4,7 +4,7 @@ import React, { useState, useEffect } from "react"
 import { Button, Avatar, Loader, Icon, Markdown } from "@fider/components/common"
 import { Header } from "@fider/components"
 import { HStack, VStack } from "@fider/components/layout"
-import { actions, chopString, http, notify } from "@fider/services"
+import { actions, chopString, http, navigator, notify } from "@fider/services"
 import { User, UserStatus } from "@fider/models"
 import { useFider } from "@fider/hooks"
 import { Trans } from "@lingui/react/macro"
@@ -169,7 +169,7 @@ const ContentModerationPage = () => {
   }
 
   const handlePostClick = (link: string) => {
-    window.location.href = link
+    navigator.goTo(link)
   }
 
   const renderModerationItem = (item: ModerationItem) => {
diff --git a/public/pages/Administration/pages/Export.page.tsx b/public/pages/Administration/pages/Export.page.tsx
index 8ba1c3f05..c831ced73 100644
--- a/public/pages/Administration/pages/Export.page.tsx
+++ b/public/pages/Administration/pages/Export.page.tsx
@@ -1,6 +1,7 @@
 import React from "react"
 
 import { Button, Icon } from "@fider/components"
+import { basePath } from "@fider/services"
 import { AdminBasePage } from "../components/AdminBasePage"
 import IconDownload from "@fider/assets/images/heroicons-download.svg"
 
@@ -18,7 +19,7 @@ export default class ExportPage extends AdminBasePage<any, any> {
           Use this button to download a CSV file with all posts in this site. This can be useful to analyse the data with an external tool or simply to back it
           up.
         </p>
-        <Button variant="secondary" href="/admin/export/posts.csv">
+        <Button variant="secondary" href={`${basePath()}/admin/export/posts.csv`}>
           <Icon sprite={IconDownload} />
           <span>posts.csv</span>
         </Button>
@@ -28,7 +29,7 @@ export default class ExportPage extends AdminBasePage<any, any> {
           <p className="text-muted">
             Use this button to download a ZIP file with your data in JSON format. This is a full backup and contains all of your data.
           </p>
-          <Button variant="secondary" href="/admin/export/backup.zip">
+          <Button variant="secondary" href={`${basePath()}/admin/export/backup.zip`}>
             <Icon sprite={IconDownload} />
             <span>backup.zip</span>
           </Button>
diff --git a/public/pages/Administration/pages/GeneralSettings.page.tsx b/public/pages/Administration/pages/GeneralSettings.page.tsx
index 1a44518fa..154e4545c 100644
--- a/public/pages/Administration/pages/GeneralSettings.page.tsx
+++ b/public/pages/Administration/pages/GeneralSettings.page.tsx
@@ -22,7 +22,7 @@ const GeneralSettingsPage = () => {
     const result = await actions.updateTenantSettings({ title, cname, welcomeMessage, welcomeHeader, invitation, logo, locale })
     if (result.ok) {
       e.preventEnable()
-      location.href = `/`
+      location.href = Fider.settings.baseURL
     } else if (result.error) {
       setError(result.error)
     }
diff --git a/public/pages/Home/Home.page.tsx b/public/pages/Home/Home.page.tsx
index e96744714..ca414ee6e 100644
--- a/public/pages/Home/Home.page.tsx
+++ b/public/pages/Home/Home.page.tsx
@@ -8,6 +8,7 @@ import { Post, Tag, PostStatus } from "@fider/models"
 import { Markdown, Hint, PoweredByFider, Icon, Header, Button } from "@fider/components"
 import { PostsContainer } from "./components/PostsContainer"
 import { useFider } from "@fider/hooks"
+import { basePath } from "@fider/services"
 import { HStack, VStack } from "@fider/components/layout"
 import { ShareFeedback } from "./components/ShareFeedback"
 import { i18n } from "@lingui/core"
@@ -73,13 +74,13 @@ const HomePage = (props: HomePageProps) => {
     setSelectedPostId(postNumber)
     setLastOpenedPostId(postNumber) // Track which post was opened
     setIsPostDirty(false) // Reset dirty flag when opening overlay
-    window.history.pushState({ selectedPostId: postNumber }, "", `/posts/${postNumber}/${slug}`)
+    window.history.pushState({ selectedPostId: postNumber }, "", `${basePath()}/posts/${postNumber}/${slug}`)
   }
 
   // Handle closing the overlay
   const handleCloseOverlay = () => {
     setSelectedPostId(null)
-    window.history.pushState({}, "", `/${savedSearch}`)
+    window.history.pushState({}, "", `${basePath()}/${savedSearch}`)
   }
 
   // Track which post was opened so we can update just that one
diff --git a/public/pages/Home/components/ListPosts.tsx b/public/pages/Home/components/ListPosts.tsx
index 2fc55f96a..eaf732f19 100644
--- a/public/pages/Home/components/ListPosts.tsx
+++ b/public/pages/Home/components/ListPosts.tsx
@@ -1,6 +1,7 @@
 import React from "react"
 import { Post, Tag, CurrentUser } from "@fider/models"
 import { ShowTag, Markdown, Icon, ResponseLozenge } from "@fider/components"
+import { Link } from "@fider/components/common"
 import IconChatAlt2 from "@fider/assets/images/heroicons-chat-alt-2.svg"
 import IconCheck from "@fider/assets/images/heroicons-check.svg"
 import { HStack, VStack } from "@fider/components/layout"
@@ -28,7 +29,7 @@ const ListPostItem = (props: { post: Post; user?: CurrentUser; tags: Tag[]; onPo
   }
 
   return (
-    <a href={`/posts/${props.post.number}/${props.post.slug}`} className="c-posts-container__post-link" onClick={handleClick}>
+    <Link href={`/posts/${props.post.number}/${props.post.slug}`} className="c-posts-container__post-link" onClick={handleClick}>
       <VStack className="c-posts-container__post w-full" spacing={4}>
         <HStack justify="between" align="start">
           <HStack spacing={2} align="start" className="w-full">
@@ -68,7 +69,7 @@ const ListPostItem = (props: { post: Post; user?: CurrentUser; tags: Tag[]; onPo
           {props.post.status !== "open" && <ResponseLozenge status={props.post.status} response={props.post.response} size={"small"} />}
         </HStack>
       </VStack>
-    </a>
+    </Link>
   )
 }
 
@@ -88,9 +89,9 @@ const MinimalListPostItem = (props: { post: Post; tags: Tag[]; onPostClick?: (po
     <HStack spacing={4} align="start" className="c-posts-container__post-minimal">
       <HStack className="w-full" justify="between" align="start">
         <HStack spacing={2} align="start" justify="between" className="w-full">
-          <a className="text-link" href={`/posts/${props.post.number}/${props.post.slug}`} onClick={handleClick}>
+          <Link className="text-link" href={`/posts/${props.post.number}/${props.post.slug}`} onClick={handleClick}>
             {props.post.title}
-          </a>
+          </Link>
           {isPending && <span className="text-xs bg-yellow-100 text-yellow-800 px-2 py-1 rounded">pending</span>}
         </HStack>
         {props.post.status !== "open" ? (
diff --git a/public/pages/Home/components/ShareFeedback.tsx b/public/pages/Home/components/ShareFeedback.tsx
index 84ae1d494..52738f1a0 100644
--- a/public/pages/Home/components/ShareFeedback.tsx
+++ b/public/pages/Home/components/ShareFeedback.tsx
@@ -5,7 +5,7 @@ import { SignInControl } from "@fider/components/common/SignInControl"
 import { Modal, CloseIcon, Form, Button, Input, LegalFooter } from "@fider/components/common"
 import { useFider } from "@fider/hooks"
 import { Trans } from "@lingui/react/macro"
-import { actions, Failure, querystring, classSet, cache } from "@fider/services"
+import { actions, Failure, querystring, classSet, cache, navigator } from "@fider/services"
 import { plainText } from "@fider/services/markdown"
 import { i18n } from "@lingui/core"
 import { Tag } from "@fider/models"
@@ -196,7 +196,7 @@ export const ShareFeedback: React.FC<ShareFeedbackProps> = (props) => {
         } else {
           cache.session.set("POST_CREATED_SUCCESS", "true")
         }
-        location.href = `/posts/${result.data.number}/${result.data.slug}`
+        navigator.goTo(`/posts/${result.data.number}/${result.data.slug}`)
       } else if (result.error) {
         setError(result.error)
       }
diff --git a/public/pages/MyNotifications/MyNotifications.page.tsx b/public/pages/MyNotifications/MyNotifications.page.tsx
index 0bba70dbd..284c1f4ae 100644
--- a/public/pages/MyNotifications/MyNotifications.page.tsx
+++ b/public/pages/MyNotifications/MyNotifications.page.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 
 import { Notification } from "@fider/models"
-import { Header, Markdown, Moment, PageTitle } from "@fider/components"
+import { Header, Link, Markdown, Moment, PageTitle } from "@fider/components"
 import { actions, Fider } from "@fider/services"
 import { HStack, VStack } from "@fider/components/layout"
 import { i18n } from "@lingui/core"
@@ -38,9 +38,9 @@ export default class MyNotificationsPage extends React.Component<MyNotifications
     return notifications.map((n) => {
       return (
         <div key={n.id}>
-          <a className="text-link block" href={`/notifications/${n.id}`}>
+          <Link className="text-link block" href={`/notifications/${n.id}`}>
             <Markdown text={n.title} style="full" />
-          </a>
+          </Link>
           <span className="text-muted">
             <Moment locale={Fider.currentLocale} date={n.createdAt} />
           </span>
diff --git a/public/pages/SignIn/CompleteSignInProfile.page.tsx b/public/pages/SignIn/CompleteSignInProfile.page.tsx
index 5db053e79..599945a93 100644
--- a/public/pages/SignIn/CompleteSignInProfile.page.tsx
+++ b/public/pages/SignIn/CompleteSignInProfile.page.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react"
 
 import { Button, Form, Input, TenantLogo } from "@fider/components"
-import { actions, Failure } from "@fider/services"
+import { actions, Failure, Fider, basePath } from "@fider/services"
 import { i18n } from "@lingui/core"
 import { Trans } from "@lingui/react/macro"
 
@@ -23,9 +23,9 @@ const CompleteSignInProfilePage = (props: CompleteSignInProfilePageProps) => {
     const result = await actions.completeProfile(props.kind, props.k, name)
     if (result.ok) {
       if (props.c !== undefined) {
-        location.href = "/?c=" + props.c
+        location.href = Fider.settings.baseURL + "/?c=" + props.c
       } else {
-        location.href = "/"
+        location.href = Fider.settings.baseURL
       }
     } else if (result.error) {
       setError(result.error)
@@ -37,7 +37,7 @@ const CompleteSignInProfilePage = (props: CompleteSignInProfilePageProps) => {
       <div id="p-complete-profile" className="page container w-max-6xl bg-gray-100">
         <div className="flex flex-y justify-center full-height py-4">
           <div className="text-center mb-8">
-            <a href="/">
+            <a href={`${basePath()}/`}>
               <TenantLogo size={50} />
             </a>
           </div>
diff --git a/public/pages/SignIn/LoginEmailSent.page.tsx b/public/pages/SignIn/LoginEmailSent.page.tsx
index 42d6e0298..2f0a2ca91 100644
--- a/public/pages/SignIn/LoginEmailSent.page.tsx
+++ b/public/pages/SignIn/LoginEmailSent.page.tsx
@@ -2,6 +2,7 @@ import React from "react"
 import MailSentIllustration from "@fider/assets/images/undraw_mail-sent.svg"
 
 import { LegalFooter, TenantLogo, Icon } from "@fider/components"
+import { basePath } from "@fider/services"
 import { Trans } from "@lingui/react/macro"
 
 import "./LoginEmailSent.page.scss"
@@ -12,7 +13,7 @@ const LoginEmailSentPage = ({ email }: { email: string }) => {
       <div id="p-email-sent" className="page container w-max-6xl bg-gray-100">
         <div className="flex flex-y justify-center flex-items-center full-height py-4">
           <div className="text-center mb-8">
-            <a href="/">
+            <a href={`${basePath()}/`}>
               <TenantLogo size={50} />
             </a>
           </div>
diff --git a/public/services/http.ts b/public/services/http.ts
index 36d678e38..d3ded0222 100644
--- a/public/services/http.ts
+++ b/public/services/http.ts
@@ -1,4 +1,4 @@
-import { analytics, notify, truncate, Fider } from "@fider/services"
+import { analytics, notify, truncate, Fider, resolveHref } from "@fider/services"
 
 export interface ErrorItem {
   field?: string
@@ -33,7 +33,7 @@ async function toResult<T>(response: Response): Promise<Result<T>> {
     // Redirect to /signin so they re-authenticate and the role check runs again.
     if (Fider.session.isAuthenticated) {
       const redirect = encodeURIComponent(window.location.pathname + window.location.search)
-      window.location.href = `/signin?redirect=${redirect}`
+      window.location.href = resolveHref(`/signin?redirect=${redirect}`)
       // Return a never-resolving promise so no further code runs while navigating.
       // eslint-disable-next-line @typescript-eslint/no-empty-function
       return new Promise<Result<T>>(() => {})
@@ -57,7 +57,7 @@ async function request<T>(url: string, method: "GET" | "POST" | "PUT" | "DELETE"
     ["Content-Type", "application/json"],
   ]
   try {
-    const response = await fetch(url, {
+    const response = await fetch(resolveHref(url), {
       method,
       headers,
       body: JSON.stringify(body),
diff --git a/public/services/index.ts b/public/services/index.ts
index d941c04fc..708e59b2e 100644
--- a/public/services/index.ts
+++ b/public/services/index.ts
@@ -11,4 +11,5 @@ import * as querystring from "./querystring"
 import * as device from "./device"
 import * as actions from "./actions"
 import navigator from "./navigator"
+export { basePath, resolveHref } from "./navigator"
 export { actions, querystring, navigator, device, notify, markdown }
diff --git a/public/services/navigator.spec.ts b/public/services/navigator.spec.ts
new file mode 100644
index 000000000..99150543e
--- /dev/null
+++ b/public/services/navigator.spec.ts
@@ -0,0 +1,74 @@
+import { resolveHref } from "./navigator"
+import { Fider } from "./fider"
+
+beforeAll(() => {
+  // Fider is usually initialized from a <script id="server-data"> element
+  // injected by the SSR renderer. Tests have no such element, so we
+  // initialize with an empty props/settings object and mutate baseURL per
+  // test via the helper below.
+  Fider.initialize({ settings: { baseURL: "" }, props: {} })
+})
+
+// Helper: configure Fider's baseURL for the duration of a test.
+function withBaseURL(baseURL: string, fn: () => void) {
+  const original = Fider.settings.baseURL
+  Fider.settings.baseURL = baseURL
+  try {
+    fn()
+  } finally {
+    Fider.settings.baseURL = original
+  }
+}
+
+describe("resolveHref", () => {
+  describe("when hosted at the domain root", () => {
+    test("returns root-relative paths unchanged", () => {
+      withBaseURL("https://example.com", () => {
+        expect(resolveHref("/posts/1")).toBe("/posts/1")
+        expect(resolveHref("/signin")).toBe("/signin")
+        expect(resolveHref("/")).toBe("/")
+      })
+    })
+  })
+
+  describe("when hosted under a sub-path", () => {
+    test("prepends the sub-path to root-relative paths", () => {
+      withBaseURL("https://example.com/feedback", () => {
+        expect(resolveHref("/posts/1")).toBe("/feedback/posts/1")
+        expect(resolveHref("/signin")).toBe("/feedback/signin")
+      })
+    })
+
+    test("is idempotent when called with an already-prefixed href", () => {
+      withBaseURL("https://example.com/feedback", () => {
+        expect(resolveHref("/feedback/posts/1")).toBe("/feedback/posts/1")
+      })
+    })
+
+    test("handles a trailing slash in baseURL", () => {
+      withBaseURL("https://example.com/feedback/", () => {
+        expect(resolveHref("/posts/1")).toBe("/feedback/posts/1")
+      })
+    })
+  })
+
+  describe("passes through non-root-relative hrefs unchanged", () => {
+    test.each([
+      ["absolute URL", "https://external.example/page"],
+      ["fragment", "#section"],
+      ["mailto", "mailto:foo@example.com"],
+      ["empty string", ""],
+      ["relative path", "posts/1"],
+    ])("%s", (_label, href) => {
+      withBaseURL("https://example.com/feedback", () => {
+        expect(resolveHref(href)).toBe(href)
+      })
+    })
+  })
+
+  test("returns the input unchanged when baseURL is malformed", () => {
+    withBaseURL("not a url", () => {
+      expect(resolveHref("/posts/1")).toBe("/posts/1")
+    })
+  })
+})
diff --git a/public/services/navigator.ts b/public/services/navigator.ts
index 09d866f07..1c77f5b7e 100644
--- a/public/services/navigator.ts
+++ b/public/services/navigator.ts
@@ -1,13 +1,35 @@
 import { Fider } from "@fider/services"
 
+export function basePath(): string {
+  try {
+    const p = new URL(Fider.settings.baseURL).pathname.replace(/\/$/, "")
+    return p === "/" ? "" : p
+  } catch {
+    return ""
+  }
+}
+
+// resolveHref prepends basePath() to root-relative hrefs. Non-root-relative
+// hrefs (absolute URLs, fragments, mailto:, etc.) and already-prefixed hrefs
+// are returned unchanged, making this safe to apply idempotently.
+export function resolveHref(href: string): string {
+  if (!href.startsWith("/")) return href
+  const bp = basePath()
+  if (bp && !href.startsWith(bp)) {
+    return bp + href
+  }
+  return href
+}
+
 const navigator = {
   url: () => {
     return window.location.href
   },
   goHome: () => {
-    window.location.href = "/"
+    window.location.href = Fider.settings.baseURL
   },
   goTo: (url: string) => {
+    url = resolveHref(url)
     const isEqual = window.location.href === url || window.location.pathname === url
     if (!isEqual) {
       window.location.href = url
diff --git a/views/index.html b/views/index.html
index 12d1b16fd..194124e33 100644
--- a/views/index.html
+++ b/views/index.html
@@ -1,8 +1,8 @@
 {{define "head"}}
   {{if (and .public.tenant .public.tenant.IsFeedEnabled)}}
-    <link rel=alternate title="{{ $.public.tenant.Name }}: All Posts" type=application/atom+xml href="/feed/global.atom">
+    <link rel=alternate title="{{ $.public.tenant.Name }}: All Posts" type=application/atom+xml href="{{ $.public.settings.baseURL }}/feed/global.atom">
       {{if (eq .public.page "ShowPost/ShowPost.page")}}
-      <link rel=alternate title="{{ $.public.props.post.Title }}: Comments" type=application/atom+xml href="/feed/posts/{{ $.public.props.post.ID }}.atom">
+      <link rel=alternate title="{{ $.public.props.post.Title }}: Comments" type=application/atom+xml href="{{ $.public.settings.baseURL }}/feed/posts/{{ $.public.props.post.ID }}.atom">
       {{end}}
   {{end}}
   {{range $asset := .private.preloadAssets}}