redirect set up

Author: kanekoshoyu

src/components/interactive/AuthGuard.tsx

@@ -18,8 +18,12 @@ export default function AuthGuard({ children }: AuthGuardProps) {
         setIsAuthenticated(true);
       } else {
         setIsAuthenticated(false);
-        // Redirect to login
-        window.location.href = `${EXTERNAL.directus_url}/auth/login/authentik?redirect=${encodeURIComponent(window.location.href)}`;
+        // Get the next path from URL params or current path
+        const urlParams = new URLSearchParams(window.location.search);
+        const nextPath = urlParams.get('next') || window.location.pathname + window.location.search;
+
+        const callbackUrl = `${window.location.origin}/?next=${encodeURIComponent(nextPath)}`;
+        window.location.href = `${EXTERNAL.directus_url}/auth/login/authentik?redirect=${encodeURIComponent(callbackUrl)}`;
       }
     }
 

src/pages/index.astro

@@ -25,4 +25,16 @@ import Products from "../components/Products.astro";
     <!-- <CallToAction /> -->
     <Footer />
   </main>
+  
+  <script>
+    // Handle post-authentication redirect
+    const urlParams = new URLSearchParams(window.location.search);
+    const nextPath = urlParams.get('next');
+    
+    if (nextPath) {
+      // Clean up the URL and redirect
+      window.history.replaceState({}, document.title, window.location.pathname);
+      window.location.href = nextPath;
+    }
+  </script>
 </Layout>