diff --git a/src/routes/projects/projectn5/+page.svelte b/src/routes/projects/projectn5/+page.svelte
index 2d20434..965b9a0 100644
--- a/src/routes/projects/projectn5/+page.svelte
+++ b/src/routes/projects/projectn5/+page.svelte
@@ -3,18 +3,15 @@
     import Content from "$lib/viewport/content.svelte";
     import { posts, type DevlogPost } from "./devlog/posts";
     import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
+    import type { PageProps } from "./$types";
 
-    let allEntries: GalleryEntry[] = posts.entries().map(mapEntries).toArray()
+    // let {
+    //     entries,
+    // }: {
+    //     entries: GalleryEntry[];
+    // } = $props();
 
-    function mapEntries(m: [String, DevlogPost], index: number): GalleryEntry {
-        return {
-            title: `${m[1].title}`,
-            subtitle: `#${posts.size - index} // ${m[1].date}`,
-            img: `/projects/projectn5/devlog/${m[0]}/preview.webp`,
-            link: `/projects/projectn5/devlog/${m[0]}/`,
-            imgAlt: `Preview image for ${m[1].title}`,
-        };
-    }
+    let { data }: PageProps = $props();
 
     // Leftpads a single-digit number to two digits
     function leftpad(n: number): String {
@@ -42,5 +39,5 @@
 
     <p>Development log entries in reverse chronological order (newest to oldest).</p> 
 
-    <Gallery entries={allEntries} reverseTextOrder />
+    <Gallery entries={data.entries} reverseTextOrder />
 </Content>
\ No newline at end of file
diff --git a/src/routes/projects/projectn5/+page.ts b/src/routes/projects/projectn5/+page.ts
new file mode 100644
index 0000000..46e1558
--- /dev/null
+++ b/src/routes/projects/projectn5/+page.ts
@@ -0,0 +1,21 @@
+
+import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
+import { posts, type DevlogPost } from "./devlog/posts";
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = ({ params }) => {
+    let a = posts.entries().map(mapEntries).toArray();
+	return {
+		entries: a,
+	};
+};
+
+function mapEntries(m: [String, DevlogPost], index: number): GalleryEntry {
+    return {
+        title: `${m[1].title}`,
+        subtitle: `#${posts.size - index} // ${m[1].date}`,
+        img: `/projects/projectn5/devlog/${m[0]}/preview.webp`,
+        link: `/projects/projectn5/devlog/${m[0]}/`,
+        imgAlt: `Preview image for ${m[1].title}`,
+    };
+}
\ No newline at end of file