diff --git a/devfront/src/app/routes.tsx b/devfront/src/app/routes.tsx
index 0bbba406..b30cb04c 100644
--- a/devfront/src/app/routes.tsx
+++ b/devfront/src/app/routes.tsx
@@ -4,6 +4,7 @@ import ClientConsentsPage from "../features/clients/ClientConsentsPage";
 import ClientDetailsPage from "../features/clients/ClientDetailsPage";
 import ClientGeneralPage from "../features/clients/ClientGeneralPage";
 import ClientsPage from "../features/clients/ClientsPage";
+import { ClientFederationPage } from "../features/clients/routes/ClientFederationPage";
 
 export const router = createBrowserRouter(
   [
@@ -17,6 +18,7 @@ export const router = createBrowserRouter(
         { path: "clients/:id", element: <ClientDetailsPage /> },
         { path: "clients/:id/consents", element: <ClientConsentsPage /> },
         { path: "clients/:id/settings", element: <ClientGeneralPage /> },
+        { path: "clients/:id/federation", element: <ClientFederationPage /> },
       ],
     },
   ],
diff --git a/devfront/src/features/clients/ClientConsentsPage.tsx b/devfront/src/features/clients/ClientConsentsPage.tsx
index 77b7fae9..3f1f60fa 100644
--- a/devfront/src/features/clients/ClientConsentsPage.tsx
+++ b/devfront/src/features/clients/ClientConsentsPage.tsx
@@ -120,6 +120,12 @@ function ClientConsentsPage() {
           >
             Settings
           </Link>
+          <Link
+            to={`/clients/${clientId}/federation`}
+            className="whitespace-nowrap border-b-2 border-transparent text-muted-foreground hover:text-foreground"
+          >
+            Federation
+          </Link>
         </div>
       </header>
 
diff --git a/devfront/src/features/clients/ClientDetailsPage.tsx b/devfront/src/features/clients/ClientDetailsPage.tsx
index 1e1e2e49..5e8c99f5 100644
--- a/devfront/src/features/clients/ClientDetailsPage.tsx
+++ b/devfront/src/features/clients/ClientDetailsPage.tsx
@@ -95,6 +95,12 @@ function ClientDetailsPage() {
           >
             Settings
           </Link>
+          <Link
+            to={`/clients/${clientId}/federation`}
+            className="pb-3 text-sm font-bold text-muted-foreground hover:text-foreground"
+          >
+            Federation
+          </Link>
         </div>
       </div>
 
diff --git a/devfront/src/features/clients/ClientGeneralPage.tsx b/devfront/src/features/clients/ClientGeneralPage.tsx
index 5bace9de..78f97136 100644
--- a/devfront/src/features/clients/ClientGeneralPage.tsx
+++ b/devfront/src/features/clients/ClientGeneralPage.tsx
@@ -170,6 +170,12 @@ function ClientGeneralPage() {
               <span className="whitespace-nowrap border-b-2 border-primary pb-1 text-primary">
                 Settings
               </span>
+              <Link
+                to={`/clients/${clientId}/federation`}
+                className="whitespace-nowrap border-b-2 border-transparent text-muted-foreground hover:text-foreground"
+              >
+                Federation
+              </Link>
             </>
           )}
         </div>