Frontend: Reading from backend pictures.

frontend/src/routes/+page.server.js

@@ -0,0 +1,31 @@
+// Server Side Rendering
+
+export async function load(context) {
+  async function fetchData(data) {
+    try {
+      const resTemp = await context.fetch(`http://0.0.0.0:8085/${data}`);
+      if (resTemp.ok == false) {
+        return {
+          status: resTemp.status,
+        }
+      }
+      return {
+        status: 0, data: await resTemp.json(),
+      }
+    } catch (error) {
+      return {
+        status: 500,
+      }
+    }
+  }
+
+  const res = (await fetchData("photo_list"));
+  if (res.status == 500) return {
+    status: res.status
+  }
+
+  return {
+    status: 0,
+    content: res.data,
+  };
+}

frontend/src/routes/+page.svelte

@@ -18,7 +18,9 @@
 	import SvgIcon from "@jamescoyle/svelte-icon/src/svg-icon.svelte";
 	import { mdiChevronRight, mdiChevronLeft } from "@mdi/js";
 
-	let photoList = filterPhotos(hubjson.photos);
+	export let data;
+	const photoData = data.status == 0 ? data : undefined;
+	let photoList = filterPhotos(photoData.content);
 	$: index = 0;
 	let photoDiv;
 	let tempPhotoDiv;