diff --git a/frontend/src/routes/+page.server.js b/frontend/src/routes/+page.server.js
new file mode 100644
index 0000000..2261c2e
--- /dev/null
+++ b/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,
+  };
+}
\ No newline at end of file
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index f06307f..31d34e7 100644
--- a/frontend/src/routes/+page.svelte
+++ b/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;