refactor: change detail product fetching to server fetching function

apps/web/schema.graphql

@@ -386,6 +386,7 @@ type ProductOutput {
   """
   isMyWishlist: Boolean
   isPrivate: Boolean!
+  isProfitUrl: Boolean!
   mallId: Int
   """
   쇼핑몰 이름

apps/web/src/app/products/[id]/components/ProductDetailContainerServer.tsx

@@ -9,7 +9,7 @@ import { ProductQueries } from '@/entities/product';
 
 const ProductDetailContainerServer = async ({ productId }: { productId: number }) => {
   const queryClient = new QueryClient();
-  await queryClient.prefetchQuery(ProductQueries.product({ id: productId }));
+  await queryClient.prefetchQuery(ProductQueries.productServer({ id: productId }));
   return (
     <HydrationBoundary state={dehydrate(queryClient)}>
       <BasicLayout header={<ProductDetailPageHeader productId={productId} />}>

apps/web/src/app/products/[id]/page.tsx

@@ -17,7 +17,7 @@ export async function generateMetadata({ params }: { params: { id: string } }):
 
   const id = params.id;
 
-  const { product } = await ProductService.getProduct({ id: +id });
+  const { product } = await ProductService.getProductServer({ id: +id });
   if (!product) return defaultMetadata;
   const productGuides = await ProductService.getProductGuides({ productId: +product.id });
 

apps/web/src/entities/product/product.queries.ts

@@ -27,6 +27,17 @@ export const ProductQueries = {
       ],
       queryFn: () => ProductService.getProduct(variables),
     }),
+  productServer: (variables: ProductQueryVariables) =>
+    queryOptions({
+      queryKey: [
+        ...ProductQueries.all(),
+        'detail',
+        {
+          id: variables.id,
+        },
+      ],
+      queryFn: () => ProductService.getProductServer(variables),
+    }),
   products: (variables: QueryProductsQueryVariables) =>
     queryOptions({
       queryKey: [

apps/web/src/shared/api/gql/graphql.ts

@@ -449,6 +449,7 @@ export type ProductOutput = {
   /** 로그인한 사용자의 위시리스트 여부 */
   isMyWishlist?: Maybe<Scalars['Boolean']['output']>;
   isPrivate: Scalars['Boolean']['output'];
+  isProfitUrl: Scalars['Boolean']['output'];
   mallId?: Maybe<Scalars['Int']['output']>;
   /** 쇼핑몰 이름 */
   mallName?: Maybe<Scalars['String']['output']>;

apps/web/src/shared/api/product/product.service.ts

@@ -21,6 +21,10 @@ export class ProductService {
     return httpClient.execute(QueryProduct, variables).then((res) => res.data);
   }
 
+  static async getProductServer(variables: ProductQueryVariables) {
+    return httpClient.server_execute(QueryProduct, variables).then((res) => res.data);
+  }
+
   static async getProducts(variables: QueryProductsQueryVariables) {
     return httpClient.execute(QueryProducts, variables).then((res) => res.data);
   }