feat: ingress base path

Author: jona7o

.github/workflows/release.yml

@@ -69,3 +69,4 @@ jobs:
           platforms: linux/amd64,linux/arm64
           build-args: |
             BUILDKIT_INLINE_CACHE=1
+            NEXT_PUBLIC_BASE_PATH=/dashboard

docker-compose.yaml

@@ -5,6 +5,7 @@ services:
       args:
         - MONGODB_URI=${MONGODB_URI}
         - MONGODB_DB_NAME=${MONGODB_DB_NAME}
+        - NEXT_PUBLIC_BASE_PATH=/dashboard
     container_name: nextjs_app
     ports:
       - "3000:3000"

next.config.ts

@@ -1,11 +1,11 @@
 import type { NextConfig } from "next";
 
-const basePath = process.env.NEXT_PUBLIC_BASE_PATH || "";
+const basePath = process.env.NEXT_PUBLIC_BASE_PATH || "/dashboard";
 
 const nextConfig: NextConfig = {
 	output: "standalone",
-	basePath: basePath.length > 0 ? basePath : undefined,
-	assetPrefix: basePath.length > 0 ? basePath : undefined,
+	basePath: basePath,
+	assetPrefix: basePath,
 	poweredByHeader: false,
 	reactStrictMode: true,
 	images: {
@@ -38,7 +38,7 @@ const nextConfig: NextConfig = {
 			{
 				source: "/",
 				destination: "/dashboard",
-				permanent: true,
+				permanent: false,
 			},
 		];
 	},

src/app/login/page.tsx

@@ -44,7 +44,7 @@ export default function LoginPage() {
 				if (response.ok) {
 					setPassword(""); // Clear password from memory
 					// Force a full page reload to reset AuthGuard state
-					window.location.href = "/dashboard";
+				window.location.href = "/dashboard/dashboard";
 				} else {
 					const data = await response.json();
 					setError(data.error || "Authentication failed. Please try again.");

src/app/page.tsx

@@ -1,5 +1,8 @@
 import { redirect } from "next/navigation";
 
 export default function RootPage() {
+	// When basePath is set to /dashboard, this page will be at /dashboard
+	// Redirect to /dashboard/dashboard for consistency, but next.config.ts
+	// already handles / -> /dashboard redirect
 	redirect("/dashboard");
 }

src/components/auth/auth-guard.tsx

@@ -10,7 +10,8 @@ interface AuthGuardProps {
 }
 
 // Public routes that don't require authentication
-const PUBLIC_ROUTES = ["/login"];
+// Note: These are without basePath prefix - usePathname already includes basePath
+const PUBLIC_ROUTES = ["/login", "/dashboard/login"];
 
 export default function AuthGuard({ children }: AuthGuardProps) {
 	const [isAuthenticated, setIsAuthenticated] = useState<boolean | null>(null);
@@ -51,7 +52,7 @@ export default function AuthGuard({ children }: AuthGuardProps) {
 		if (!isAuthenticated && !isPublicRoute) {
 			// Not authenticated and trying to access protected route
 			isRedirecting.current = true;
-			router.replace("/login");
+			router.replace("/dashboard/login");
 		} else if (isAuthenticated && isPublicRoute) {
 			// Authenticated but on login page, redirect to dashboard
 			isRedirecting.current = true;

src/components/dashboard/logout-button.tsx

@@ -17,7 +17,8 @@ export default function LogoutButton() {
 
 			if (response.ok) {
 				// Force reload to clear all state and redirect to login
-				window.location.href = "/";
+			// Next.js basePath handles the redirect automatically
+			window.location.href = "/dashboard/login";
 			}
 		} catch (error) {
 			console.error("Logout failed:", error);