feat: graphql client with fetches for initial pages

lib/request.ts

@@ -0,0 +1,52 @@
+import "server-only"
+import { request as graphqlRequest } from "graphql-request"
+
+import { env } from "@/env/server.mjs"
+
+import type { Data } from "@/types/request"
+import type { DocumentNode } from "graphql";
+
+export async function request<T>(query: string | DocumentNode, variables?: {}): Promise<Data<T>> {
+  try {
+    if (env.PRINT_QUERY) {
+      const graphqlRawRequest = (await import("graphql-request")).rawRequest
+      const print = (await import("graphql/language/printer")).print
+
+      const rawResponse = await graphqlRawRequest<T>(
+        env.CMS_URL,
+        print(query as DocumentNode),
+        variables,
+        {
+          "access_token": env.CMS_ACCESS_TOKEN,
+          "Content-Type": "application/json",
+        }
+      )
+
+      /**
+       * TODO: Send to Monitoring (Logging and Metrics)
+       */
+      console.log({ complexityLimit: rawResponse.headers.get("x-query-complexity") })
+      console.log({ referenceDepth: rawResponse.headers.get("x-reference-depth") })
+      console.log({ resolverCost: rawResponse.headers.get("x-resolver-cost") })
+
+      return {
+        data: rawResponse.data,
+      }
+    }
+
+    const response = await graphqlRequest<T>({
+      document: query,
+      requestHeaders: {
+        "access_token": env.CMS_ACCESS_TOKEN,
+        "Content-Type": "application/json",
+      },
+      url: env.CMS_URL,
+      variables,
+    })
+
+    return { data: response }
+  } catch (error) {
+    console.error(error)
+    throw new Error("Something went wrong")
+  }
+}