diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index cee4a47..9b0171b 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -2,6 +2,7 @@
 	import '../app.css';
 	import favicon from '$lib/assets/favicon.svg';
 	import { onMount } from 'svelte';
+	import { resolve } from '$app/paths';
 	import { getLocale, initLocale, setLocale } from '$lib/i18n/locale.svelte';
 	import { t } from '$lib/i18n/t';
 	import { LOCALES, type Locale } from '$lib/i18n/dict';
@@ -19,10 +20,10 @@
 
 <div class="app">
 	<header>
-		<a href="/" class="brand">easy-png-tools</a>
+		<a href={resolve('/')} class="brand">easy-png-tools</a>
 		<nav aria-label={t('header.sectionsAria')}>
-			<a class="nav-link workspace-link" href="/">{t('header.workspace')}</a>
-			<a class="nav-link" href="/list-tools">{t('header.catalog')}</a>
+			<a class="nav-link workspace-link" href={resolve('/')}>{t('header.workspace')}</a>
+			<a class="nav-link" href={resolve('/list-tools')}>{t('header.catalog')}</a>
 			<div class="lang-switch" role="group" aria-label="Language / Язык">
 				{#each LOCALES as l (l)}
 					<button
diff --git a/web/src/routes/list-tools/+page.svelte b/web/src/routes/list-tools/+page.svelte
index fd03814..bfcf87f 100644
--- a/web/src/routes/list-tools/+page.svelte
+++ b/web/src/routes/list-tools/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { CATEGORIES } from '$lib/categories';
+	import { resolve } from '$app/paths';
 	import { t } from '$lib/i18n/t';
 	import { toolDescription, toolTitle } from '$lib/i18n/tool-strings';
 	import ToolCard from '$lib/components/search/ToolCard.svelte';
@@ -26,7 +27,7 @@
 							toolId={tool.id}
 							title={toolTitle(tool)}
 							description={toolDescription(tool)}
-							href="/tools/{tool.id}"
+							href={resolve(`/tools/${tool.id}`)}
 						/>
 					</div>
 				{/each}
diff --git a/web/vite.config.ts b/web/vite.config.ts
index 3c8a00f..cb67ca2 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -2,12 +2,24 @@ import adapter from '@sveltejs/adapter-static';
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 
+declare const process: { env: Record<string, string | undefined> };
+
+const rawBase = (process.env.BASE_PATH ?? '').trim();
+const base: '' | `/${string}` =
+	rawBase === '' || rawBase === '/'
+		? ''
+		: (`/${rawBase.replace(/^\/+/, '').replace(/\/+$/, '')}` as `/${string}`);
+
 export default defineConfig({
 	ssr: {
 		noExternal: ['@lucide/svelte']
 	},
 	plugins: [
 		sveltekit({
+			paths: {
+				base
+			},
+
 			compilerOptions: {
 				// Force runes mode for the project, except for libraries. Can be removed in svelte 6.
 				runes: ({ filename }) =>