having one solution for different components of app

web/services/authService.js

@@ -0,0 +1,23 @@
+/**
+ * 
+ * wrapper for authentication for the future for each individual component
+ */
+
+export function requireAuthentication(gssp) {
+  return async (context) => {
+      const { req, res } = context;
+      const token = req.cookies.userToken;
+
+      if (!token) {
+          // Redirect to login page
+          return {
+              redirect: {
+                  destination: '/admin/login',
+                  statusCode: 302
+              }
+          };
+      }
+
+      return await gssp(context); // Continue on to call `getServerSideProps` logic
+  }
+}