Debugging Upstash #6

app/(marketing)/products/[productId]/_components/ProductContent.tsx

@@ -84,7 +84,7 @@ const ProductContent = ({ product }: Props) => {
   });
 
   return (
-    <div className="w-full grid md:grid-cols-2" data-testId="product-content">
+    <div className="w-full grid md:grid-cols-2" data-testid="product-content">
       <ProductSlider images={curProductItem?.images || []} />
 
       <div className="py-5 md:py-0 md:pl-10">

app/api/cart/[cartItemId]/route.ts

@@ -131,9 +131,7 @@ export async function PATCH(
       },
     });
 
-    if (process.env.VERCEL_ENV !== "preview") {
-      await redis.set(`${user.id}-cart`, newCart);
-    }
+    await redis.set(`${user.id}-cart`, newCart);
 
     return NextResponse.json({ message: "Cart item updated!" });
   } catch (err) {
@@ -216,9 +214,7 @@ export async function DELETE(
       },
     });
 
-    if (process.env.VERCEL_ENV !== "preview") {
-      await redis.set(`${user.id}-cart`, newCart);
-    }
+    await redis.set(`${user.id}-cart`, newCart);
 
     return NextResponse.json({ message: "Cart item deleted!" });
   } catch (err) {

app/api/cart/route.ts

@@ -193,12 +193,10 @@ export async function GET(request: Request) {
       return NextResponse.json({ cart: null });
     }
 
-    if (process.env.VERCEL_ENV !== "preview") {
-      const cachedCart = await redis.get(`${user.id}-cart`);
+    const cachedCart = await redis.get(`${user.id}-cart`);
 
-      if (cachedCart) {
-        return NextResponse.json(cachedCart);
-      }
+    if (cachedCart) {
+      return NextResponse.json(cachedCart);
     }
 
     const cart = await prismadb.cart.findUnique({
@@ -227,9 +225,7 @@ export async function GET(request: Request) {
       },
     });
 
-    if (process.env.VERCEL_ENV !== "preview") {
-      await redis.set(`${user.id}-cart`, cart);
-    }
+    await redis.set(`${user.id}-cart`, cart);
 
     return NextResponse.json(cart);
   } catch (err) {

lib/redis.ts

@@ -1,12 +1,12 @@
-import { Ratelimit } from "@upstash/ratelimit";
 import { Redis } from "@upstash/redis";
+import { Ratelimit } from "@upstash/ratelimit";
 
 export const redis = new Redis({
   url: process.env.UPSTASH_REDIS_REST_URL as string,
   token: process.env.UPSTASH_REDIS_REST_TOKEN as string,
 });
 
 export const apiRatelimit = new Ratelimit({
-  redis: redis ?? Redis.fromEnv(),
+  redis,
   limiter: Ratelimit.slidingWindow(10, "1 m"),
 });

package.json

@@ -34,7 +34,7 @@
     "@react-email/render": "^0.0.12",
     "@tanstack/react-query": "^5.28.6",
     "@tanstack/react-table": "^8.11.8",
-    "@upstash/ratelimit": "^1.0.1",
+    "@upstash/ratelimit": "^1.0.3",
     "@upstash/redis": "^1.29.0",
     "axios": "^1.6.7",
     "bcryptjs": "^2.4.3",