Add base path

frontend/Dockerfile

@@ -2,8 +2,10 @@ FROM node:22-alpine AS build
 
 ARG VITE_APP_VERSION=unknown
 ARG VITE_APP_GITSHA=unknown
+ARG VITE_BASE_PATH
 ENV VITE_APP_VERSION=$VITE_APP_VERSION
 ENV VITE_APP_GITSHA=$VITE_APP_GITSHA
+ENV VITE_BASE_PATH=$VITE_BASE_PATH
 WORKDIR /app
 
 # Copy package files first to leverage Docker cache

frontend/src/App.tsx

@@ -9,7 +9,7 @@ import Footer from './components/Footer';
 
 function App() {
   return (
-    <Router>
+    <Router basename={import.meta.env.BASE_URL}>
       <div className="min-h-screen bg-[#f8fafc] text-slate-900 font-sans antialiased">
         <Navbar />
         <main className="container mx-auto px-4 sm:px-6 lg:px-8 mt-8">

frontend/src/api/client.ts

@@ -9,7 +9,8 @@ import type {
   SummaryResponse 
 } from '@/types';
 
-const BASE_URL = import.meta.env.VITE_API_BASE_URL || '';
+const API_BASE = import.meta.env.BASE_URL.replace(/\/$/, '')
+export const apiUrl = (path: string) => `${API_BASE}${path}`
 
 /**
  * Convert a local HH:MM time string to its UTC equivalent.
@@ -33,7 +34,7 @@ export function localToUTC(localValue: string): string {
 
 async function fetchStats<T>(endpoint: string, from_date: string, to_date: string, extraParams: Record<string, string> = {}): Promise<T> {
   const params = new URLSearchParams({ from_date, to_date, ...extraParams });
-  const response = await fetch(`${BASE_URL}/api/stats/${endpoint}?${params.toString()}`);
+  const response = await fetch(apiUrl(`/api/stats/${endpoint}?${params.toString()}`));
   if (!response.ok) throw new Error(`Failed to fetch ${endpoint}`);
   return response.json();
 }
@@ -60,19 +61,19 @@ export async function fetchWakeSleepTimes(from_date: string, to_date: string, wa
 
 // Session API functions
 export async function fetchActiveSession(): Promise<SleepSessionRead | null> {
-  const response = await fetch(`${BASE_URL}/api/sessions/active`);
+  const response = await fetch(apiUrl('/api/sessions/active'));
   if (!response.ok) return null;
   return response.json();
 }
 
 export async function fetchSessions(): Promise<SessionListResponse> {
-  const response = await fetch(`${BASE_URL}/api/sessions`);
+  const response = await fetch(apiUrl('/api/sessions'));
   if (!response.ok) throw new Error('Failed to fetch sessions');
   return response.json();
 }
 
 export async function createSession(payload: SleepSessionCreate): Promise<SleepSessionRead> {
-  const response = await fetch(`${BASE_URL}/api/sessions`, {
+  const response = await fetch(apiUrl('/api/sessions'), {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(payload),
@@ -82,7 +83,7 @@ export async function createSession(payload: SleepSessionCreate): Promise<SleepS
 }
 
 export async function endSession(sessionId: number, payload: SleepSessionUpdate): Promise<SleepSessionRead> {
-  const response = await fetch(`${BASE_URL}/api/sessions/${sessionId}/end`, {
+  const response = await fetch(apiUrl(`/api/sessions/${sessionId}/end`), {
     method: 'PATCH',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(payload),
@@ -92,14 +93,14 @@ export async function endSession(sessionId: number, payload: SleepSessionUpdate)
 }
 
 export async function deleteSession(sessionId: number): Promise<void> {
-  const response = await fetch(`${BASE_URL}/api/sessions/${sessionId}`, {
+  const response = await fetch(apiUrl(`/api/sessions/${sessionId}`), {
     method: 'DELETE',
   });
   if (!response.ok) throw new Error('Failed to delete session');
 }
 
 export async function updateSession(sessionId: number, payload: SleepSessionUpdate): Promise<SleepSessionRead> {
-  const response = await fetch(`${BASE_URL}/api/sessions/${sessionId}`, {
+  const response = await fetch(apiUrl(`/api/sessions/${sessionId}`), {
     method: 'PATCH',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(payload),

frontend/vite.config.ts

@@ -19,7 +19,7 @@ if (isDev) {
 }
 
 export default defineConfig({
-  base: './',
+  base: process.env.VITE_BASE_PATH || '/',
   plugins: [react(), tailwindcss()],
   define: {
     __APP_VERSION__: JSON.stringify(APP_VERSION),