WEB-104 Fetch editor page data in parallel

Author: wlenig

src/app/editor/page.tsx

@@ -6,29 +6,29 @@ import { MediaLibrary } from "./MediaLibrary";
 import { RouteTable } from "./RouteTable";
 
 export default async function EditorIndexPage() {
-  const routes = await prisma.route.findMany({
-    include: { document: true },
-    orderBy: { path: "asc" },
-  });
+  const [routes, media, documents] = await Promise.all([
+    prisma.route.findMany({
+      include: { document: true },
+      orderBy: { path: "asc" },
+    }),
+    prisma.media.findMany({ orderBy: { createdAt: "desc" } }),
+    prisma.document.findMany({
+      include: {
+        versions: {
+          orderBy: { createdAt: "desc" },
+          take: 1,
+          select: { createdAt: true },
+        },
+      },
+      orderBy: { createdAt: "desc" },
+    }),
+  ]);
 
-  const mediaFiles = (
-    await prisma.media.findMany({ orderBy: { createdAt: "desc" } })
-  ).map((media) => ({
-    ...media,
-    url: getMediaUrl(media.storagePath),
+  const mediaFiles = media.map((m) => ({
+    ...m,
+    url: getMediaUrl(m.storagePath),
   }));
 
-  const documents = await prisma.document.findMany({
-    include: {
-      versions: {
-        orderBy: { createdAt: "desc" },
-        take: 1,
-        select: { createdAt: true },
-      },
-    },
-    orderBy: { createdAt: "desc" },
-  });
-
   return (
     <div className="p-6 flex flex-col gap-6">