feat: add feature toggle - product by handle

Author: VariableVic

src/app/(main)/products/[handle]/page.tsx

@@ -1,3 +1,4 @@
+import { getProductByHandle } from "@lib/medusa-fetch/products"
 import ProductTemplate from "@modules/products/templates"
 import { Metadata } from "next"
 import { notFound } from "next/navigation"
@@ -6,20 +7,13 @@ type Props = {
   params: { handle: string }
 }
 
-async function getProducts(handle: string) {
-  const data = await fetch(
-    `${process.env.NEXT_PUBLIC_BASE_URL}/api/products/${handle}`
-  )
-    .then((res) => res.json())
-    .catch(() => {
-      notFound()
-    })
-
-  return data
-}
-
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
-  const { product } = await getProducts(params.handle)
+  const { products } = await getProductByHandle(params.handle).catch((err) => {
+    console.error(err)
+    notFound()
+  })
+
+  const product = products[0]
 
   return {
     title: `${product.title} | Acme Store`,
@@ -33,7 +27,12 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
 }
 
 export default async function CollectionPage({ params }: Props) {
-  const { product } = await getProducts(params.handle)
+  const { products } = await getProductByHandle(params.handle).catch((err) => {
+    console.error(err)
+    notFound()
+  })
+
+  console.log(products)
 
-  return <ProductTemplate product={product} />
+  return <ProductTemplate product={products[0]} />
 }

src/app/api/products/[handle]/route.ts

@@ -8,7 +8,9 @@ export async function GET(
   { params }: { params: Record<string, any> }
 ) {
   const { handle } = params
-  const { cart_id } = Object.fromEntries(request.nextUrl.searchParams)
+  const { cart_id, region_id } = Object.fromEntries(
+    request.nextUrl.searchParams
+  )
   const productService = await initializeProductModule()
 
   const data = await productService.list(
@@ -29,7 +31,7 @@ export async function GET(
     }
   )
 
-  const productsWithPrices = await getPrices(data, cart_id)
+  const productsWithPrices = await getPrices(data, cart_id, region_id)
 
-  return NextResponse.json({ product: productsWithPrices[0] })
+  return NextResponse.json({ products: productsWithPrices })
 }

src/lib/medusa-fetch/products.ts

@@ -0,0 +1,31 @@
+import medusaRequest from "./"
+
+const PRODUCT_MODULE_ENABLED = process.env.FEATURE_PRODUCTMODULE_ENABLED
+
+export async function getProductByHandle(handle: string) {
+  if (PRODUCT_MODULE_ENABLED) {
+    console.log("PRODUCT_MODULE_ENABLED")
+    const data = await fetch(
+      `${process.env.NEXT_PUBLIC_BASE_URL}/api/products/${handle}`
+    )
+      .then((res) => res.json())
+      .catch((err) => {
+        throw err
+      })
+
+    return data
+  }
+
+  console.log("PRODUCT_MODULE_DISABLED")
+  const data = await medusaRequest("GET", "/products", {
+    query: {
+      handle,
+    },
+  })
+
+  return {
+    products: data.body.products,
+    status: data.status,
+    ok: data.ok,
+  }
+}

store.config.json

@@ -1,5 +1,6 @@
 {
   "features": {
-    "search": false
+    "search": false,
+    "productModule": false
   }
 }