fix: address performance review feedback

Author: onerandomdevv

AGENTS.md

@@ -389,7 +389,7 @@ Five sections in order:
 
 ### Blog Post (/blog/[slug])
 Editorial layout:
-```
+```text
 [Cover image — full width, 1200x630px]
 CATEGORY BADGE
 Title (JetBrains Mono, H1)
@@ -563,4 +563,4 @@ const [products, posts] = await Promise.all([
 
 ---
 
-*Last updated: May 2026*
+*Last updated: May 2026*

src/app/(public)/blog/[slug]/page.tsx

@@ -1,13 +1,14 @@
 import type { Metadata } from "next";
 import Image from "next/image";
 import { notFound } from "next/navigation";
+import { cache } from "react";
 import { and, desc, eq } from "drizzle-orm";
 import PostContent, {
   type TiptapJson,
 } from "@/components/blog/PostContent";
 import Badge from "@/components/ui/Badge";
 import { blogPosts, db } from "@/db";
-import { getOptimisedUrl } from "@/lib/cloudinary-url";
+import { getOptimisedUrl } from "@/lib/cloudinary";
 
 export const revalidate = 3600;
 
@@ -33,7 +34,7 @@ function isTiptapJson(value: unknown): value is TiptapJson {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 
-async function getPublishedPostBySlug(slug: string) {
+const getPublishedPostBySlug = cache(async (slug: string) => {
   try {
     const [post] = await db
       .select()
@@ -45,7 +46,7 @@ async function getPublishedPostBySlug(slug: string) {
   } catch {
     return null;
   }
-}
+});
 
 export async function generateStaticParams() {
   if (process.env.CI === "true") {

src/app/(public)/contact/page.tsx

@@ -1,6 +1,8 @@
 import type { Metadata } from "next";
 import ContactForm from "@/components/contact/ContactForm";
 
+export const revalidate = 3600;
+
 const title = "Contact — CodedDevs Technology LTD";
 const description =
   "Get in touch with the CodedDevs team. Partnerships, press, investment, and general enquiries.";

src/app/(public)/products/[slug]/page.tsx

@@ -1,11 +1,12 @@
 import type { Metadata } from "next";
 import Image from "next/image";
 import { notFound } from "next/navigation";
+import { cache } from "react";
 import { eq } from "drizzle-orm";
 import Badge from "@/components/ui/Badge";
 import Button from "@/components/ui/Button";
 import { db, products } from "@/db";
-import { getOptimisedUrl } from "@/lib/cloudinary-url";
+import { getOptimisedUrl } from "@/lib/cloudinary";
 import type { ProductSelect } from "@/types";
 
 export const revalidate = 3600;
@@ -35,7 +36,7 @@ function statusVariant(status: ProductSelect["status"]) {
   return "muted";
 }
 
-async function getProductBySlug(slug: string) {
+const getProductBySlug = cache(async (slug: string) => {
   try {
     const [product] = await db
       .select()
@@ -47,7 +48,7 @@ async function getProductBySlug(slug: string) {
   } catch {
     return null;
   }
-}
+});
 
 export async function generateStaticParams() {
   if (process.env.CI === "true") {

src/app/(public)/team/page.tsx

@@ -3,7 +3,7 @@ import Image from "next/image";
 import { asc, eq } from "drizzle-orm";
 import Card from "@/components/ui/Card";
 import { db, teamMembers } from "@/db";
-import { getOptimisedUrl } from "@/lib/cloudinary-url";
+import { getOptimisedUrl } from "@/lib/cloudinary";
 import type { TeamMember } from "@/types";
 
 export const revalidate = 3600;

src/app/sitemap.ts

@@ -2,6 +2,8 @@ import type { MetadataRoute } from "next";
 import { desc, eq } from "drizzle-orm";
 import { blogPosts, db, products } from "@/db";
 
+export const revalidate = 3600;
+
 const baseUrl = "https://codeddevs.com";
 
 const staticRoutes = [

src/components/admin/ImageUpload.tsx

@@ -3,7 +3,7 @@
 import Image from "next/image";
 import { useRef, useState } from "react";
 import Button from "@/components/ui/Button";
-import { getOptimisedUrl } from "@/lib/cloudinary-url";
+import { getOptimisedUrl } from "@/lib/cloudinary";
 
 type ImageUploadProps = {
   value: string | null;

src/lib/cloudinary-url.ts

@@ -1,12 +1,27 @@
-import { getOptimisedUrl } from "@/lib/cloudinary-url";
+export function getOptimisedUrl(url: string | null | undefined): string {
+  if (!url) {
+    return "";
+  }
 
-export { getOptimisedUrl };
+  if (!url.includes("res.cloudinary.com") || !url.includes("/upload/")) {
+    return url;
+  }
+
+  if (url.includes("/upload/f_auto,q_auto/")) {
+    return url;
+  }
+
+  return url.replace("/upload/", "/upload/f_auto,q_auto/");
+}
 
 export async function uploadToCloudinary(
   fileBuffer: Buffer,
   filename: string,
 ) {
-  const { v2: cloudinary } = await import("cloudinary");
+  const importCloudinary = new Function("return import('cloudinary')") as () => Promise<
+    typeof import("cloudinary")
+  >;
+  const { v2: cloudinary } = await importCloudinary();
   const publicId = filename.replace(/\.[^/.]+$/, "");
 
   cloudinary.config({
@@ -33,7 +48,7 @@ export async function uploadToCloudinary(
           return;
         }
 
-        resolve(getOptimisedUrl(result.secure_url));
+        resolve(result.secure_url);
       },
     );