server-side page redirect using getServerSideProps

app/lib/relay/withRelayOptions.tsx

@@ -1,4 +1,7 @@
 import { getClientEnvironment } from "./client";
+import { getUserGroups } from "server/helpers/userGroupAuthentication";
+import { getUserGroupLandingRoute } from "lib/userGroups";
+import { isRouteAuthorized } from "lib/authorization";
 
 const withRelayOptions = {
   fallback: <div>Loading...</div>,
@@ -7,6 +10,28 @@ const withRelayOptions = {
     const { createServerEnvironment } = await import("./server");
     return createServerEnvironment({ cookieHeader: ctx.req.headers.cookie });
   },
+  serverSideProps: async (ctx) => {
+    // Server-side redirection of the user to their landing route, if they are logged in
+    const groups = getUserGroups(ctx.req);
+    const isAuthorized = isRouteAuthorized(ctx.req.path, groups);
+
+    if (isAuthorized) return {};
+
+    if (groups.length === 0) {
+      return {
+        redirect: {
+          destination: `/login-redirect?redirectTo=${encodeURIComponent(
+            ctx.req.path
+          )}`,
+        },
+      };
+    }
+    const landingRoute = getUserGroupLandingRoute(groups);
+
+    return {
+      redirect: { destination: landingRoute, permanent: false },
+    };
+  },
 };
 
 export default withRelayOptions;

app/pages/index.tsx

@@ -1,8 +1,6 @@
 import DefaultLayout from "components/Layout/DefaultLayout";
 import { withRelay, RelayProps } from "relay-nextjs";
 import { graphql, usePreloadedQuery } from "react-relay/hooks";
-import { getUserGroups } from "server/helpers/userGroupAuthentication";
-import { getUserGroupLandingRoute } from "lib/userGroups";
 import { pagesQuery } from "__generated__/pagesQuery.graphql";
 import withRelayOptions from "lib/relay/withRelayOptions";
 
@@ -28,16 +26,4 @@ function Index({ preloadedQuery }: RelayProps<{}, pagesQuery>) {
   );
 }
 
-export default withRelay(Index, IndexQuery, {
-  ...withRelayOptions,
-  serverSideProps: async (ctx) => {
-    // Server-side redirection of the user to their landing route, if they are logged in
-    const groups = getUserGroups(ctx.req);
-    const landingRoute = getUserGroupLandingRoute(groups);
-    if (landingRoute === "/") return {};
-
-    return {
-      redirect: { destination: landingRoute, permanent: false },
-    };
-  },
-});
+export default withRelay(Index, IndexQuery, withRelayOptions);

app/server/index.ts

@@ -12,7 +12,6 @@ import headersMiddleware from "./middleware/headers";
 import graphQlMiddleware from "./middleware/graphql";
 import { pgPool } from "./db";
 import ssoMiddleware from "./middleware/sso";
-import authorizationMiddleware from "./middleware/authorization";
 
 const port = Number.parseInt(process.env.PORT, 10) || 3004;
 const dev = process.env.NODE_ENV !== "production";
@@ -51,8 +50,6 @@ app.prepare().then(async () => {
 
   server.use(graphQlMiddleware());
 
-  server.use(authorizationMiddleware());
-
   server.get("*", async (req, res) => {
     return handle(req, res);
   });