try import meta url

Dockerfile

@@ -20,7 +20,7 @@ RUN chmod +x entrypoint.sh
 EXPOSE 3000
 
 # Create symlink
-# RUN mkdir -p ./static/data && ln -s /data/uploads ./static/data/uploads
+RUN mkdir -p ./static/data && ln -s /data/uploads ./static/data/uploads
 
 # Start the application
 ENTRYPOINT ["/usr/src/app/entrypoint.sh"]

src/lib/components/community/Card.svelte

@@ -36,6 +36,8 @@
     await onDelete?.(id);
     loading = false;
   }
+
+  console.log(import.meta.env.BASE_URL)
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->
@@ -45,7 +47,7 @@
   on:click={handleClick}
 >
   <div class="w-full h-full absolute top-0 left-0 -z-[1] rounded-xl overflow-hidden" class:!brightness-50={loading}>
-    <div class="w-full h-full bg-center bg-cover transition-all duration-200 group-hover:scale-110 " style="background-image: url('{env.PUBLIC_FILE_UPLOAD_DIR}/{card.image}');"></div>
+    <div class="w-full h-full bg-center bg-cover transition-all duration-200 group-hover:scale-110 " style="background-image: url('{import.meta.env.BASE_URL}{env.PUBLIC_FILE_UPLOAD_DIR}/{card.image}');"></div>
   </div>
   <div class="group-hover:opacity-100 opacity-0 translate-y-full group-hover:translate-y-0 transition-all duration-200 flex flex-col gap-4 w-full">
     <div class="bg-black/40 backdrop-blur-sm border border-white/30 rounded-lg px-6 py-3 text-white transition-all duration-200 w-full">

static/data/uploads

@@ -1 +0,0 @@
-/data/uploads