feat(WEB-103): create request client to be able to use next caching

lib/request.ts

@@ -1,21 +1,27 @@
 import "server-only"
-import { request as graphqlRequest } from "graphql-request"
+import { GraphQLClient } from "graphql-request"
 import { env } from "@/env/server"
+import { cache } from "react"
 
 import type { Data } from "@/types/request"
 import type { DocumentNode } from "graphql"
 
 export async function request<T>(
   query: string | DocumentNode,
-  variables?: {}
+  variables?: {},
+  next?: NextFetchRequestConfig
 ): Promise<Data<T>> {
   try {
-    if (env.PRINT_QUERY) {
-      const graphqlRawRequest = (await import("graphql-request")).rawRequest
-      const print = (await import("graphql/language/printer")).print
+    const client = new GraphQLClient(env.CMS_URL, {
+      fetch: cache(async function (url: URL | RequestInfo, params: RequestInit | undefined) {
+        return fetch(url, params)
+      }),
+      next,
+    })
 
-      const rawResponse = await graphqlRawRequest<T>(
-        env.CMS_URL,
+    if (env.PRINT_QUERY) {
+      const print = (await import("graphql/language/printer")).print
+      const rawResponse = await client.rawRequest<T>(
         print(query as DocumentNode),
         variables,
         {
@@ -40,13 +46,12 @@ export async function request<T>(
       }
     }
 
-    const response = await graphqlRequest<T>({
+    const response = await client.request<T>({
       document: query,
       requestHeaders: {
         access_token: env.CMS_ACCESS_TOKEN,
         "Content-Type": "application/json",
       },
-      url: env.CMS_URL,
       variables,
     })