Update blog page asset and md loading

lib/assetUtils.js

@@ -0,0 +1,54 @@
+/**
+ * Asset path utilities for handling different environments
+ * - Web app: uses absolute paths starting with /
+ * - Storybook: uses relative paths for proper asset resolution
+ */
+
+/**
+ * Get the correct asset path based on environment
+ * @param {string} assetPath - The asset path (e.g., "assets/Logo.svg")
+ * @returns {string} - The correct path for the current environment
+ */
+export function getAssetPath(assetPath) {
+  // Check if we're in Storybook environment
+  const isStorybook =
+    typeof window !== "undefined" &&
+    (window.location?.pathname?.includes("iframe.html") ||
+      window.navigator?.userAgent?.includes("Storybook"));
+
+  // In Storybook, use relative paths
+  if (isStorybook) {
+    return assetPath;
+  }
+
+  // In web app, use absolute paths
+  return assetPath.startsWith("/") ? assetPath : `/${assetPath}`;
+}
+
+/**
+ * Asset paths for common components
+ */
+export const ASSETS = {
+  // Logo
+  LOGO: "assets/Logo.svg",
+
+  // Avatars
+  AVATAR_1: "assets/Avatar_1.png",
+  AVATAR_2: "assets/Avatar_2.png",
+  AVATAR_3: "assets/Avatar_3.png",
+
+  // Social media
+  BLUESKY_LOGO: "assets/Bluesky_Logo.svg",
+  GITLAB_ICON: "assets/GitLab_Icon.png",
+
+  // Content thumbnails
+  VERTICAL_1: "assets/Content_Thumbnail/Vertical_1.svg",
+  VERTICAL_2: "assets/Content_Thumbnail/Vertical_2.svg",
+  VERTICAL_3: "assets/Content_Thumbnail/Vertical_3.svg",
+  HORIZONTAL_1: "assets/Content_Thumbnail/Horizontal_1.svg",
+  HORIZONTAL_2: "assets/Content_Thumbnail/Horizontal_2.svg",
+  HORIZONTAL_3: "assets/Content_Thumbnail/Horizontal_3.svg",
+  ICON_1: "assets/Content_Thumbnail/Icon_1.svg",
+  ICON_2: "assets/Content_Thumbnail/Icon_2.svg",
+  ICON_3: "assets/Content_Thumbnail/Icon_3.svg",
+};

lib/cache.js

@@ -9,7 +9,9 @@ const tagCache = new Map();
 const authorCache = new Map();
 
 // Cache configuration
-const CACHE_TTL = 5 * 60 * 1000; // 5 minutes in milliseconds
+const isDevelopment =
+  process.env.NODE_ENV === "development" || !process.env.NODE_ENV;
+const CACHE_TTL = isDevelopment ? 0 : 5 * 60 * 1000; // 0 in dev, 5 minutes in production
 const MAX_CACHE_SIZE = 100; // Maximum number of cached items
 
 /**
@@ -22,6 +24,8 @@ class CacheEntry {
   }
 
   isExpired() {
+    // In development, always consider cache expired (no caching)
+    if (isDevelopment) return true;
     return Date.now() - this.timestamp > CACHE_TTL;
   }
 }