Support custom base path

RADAR-base · Oct 1, 2024 · 2779a6f · 2779a6f
1 parent c327495
commit 2779a6f
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 18 deletions.
diff --git a/.env.template b/.env.template
@@ -0,0 +1,5 @@
+ORY_SDK_URL=http://localhost:4433
+HYDRA_ADMIN_URL=http://localhost:4445
+HYDRA_PUBLIC_URL=http://localhost:4444
+BASE_PATH=/kratos-ui
+NEXT_PUBLIC_KRATOS_PUBLIC_URL=http://localhost:4433
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -1,6 +1,7 @@
 import "../styles/globals.css"
 import { theme, globalStyles, ThemeProps } from "@ory/themes"
 import type { AppProps } from "next/app"
+import Head from "next/head"
 import { ToastContainer } from "react-toastify"
 import "react-toastify/dist/ReactToastify.css"
 import { ThemeProvider } from "styled-components"
@@ -13,6 +14,9 @@ const GlobalStyle = createGlobalStyle((props: ThemeProps) =>
 function MyApp({ Component, pageProps }: AppProps) {
   return (
     <div data-testid="app-react">
+      <Head>
+        <base href="/kratos-ui/" />
+      </Head>
       <ThemeProvider theme={theme}>
         <GlobalStyle />
         <Component {...pageProps} />

diff --git a/pages/api/.ory/[...paths].ts b/pages/api/.ory/[...paths].ts
diff --git a/pkg/styled/index.tsx b/pkg/styled/index.tsx
@@ -113,7 +113,7 @@ export const DocsButton = ({
         onClick={onClick}
         disabled={disabled}
         data-testid={testid}
-        href={href}
+        href={process.env.BASE_PATH + href}
       >
         {title}
       </TextLeftButton>