Optimize database calls across multiple components by implementing Promise.all for parallel fetching of data, enhancing performance and reducing loading times.

app/events/page.tsx

@@ -8,9 +8,18 @@ import { auth } from "@/lib/auth";
 export const dynamic = "force-dynamic";
 
 export default async function EventsPage() {
-  const events = await eventService.getAllEvents({
-    orderBy: { date: "desc" },
-  });
+  // Paralléliser les appels indépendants
+  const session = await auth();
+  
+  const [events, backgroundImage, allRegistrations] = await Promise.all([
+    eventService.getAllEvents({
+      orderBy: { date: "desc" },
+    }),
+    getBackgroundImage("events", "/got-2.jpg"),
+    session?.user?.id
+      ? eventRegistrationService.getUserRegistrations(session.user.id)
+      : Promise.resolve([]),
+  ]);
 
   // Sérialiser les dates pour le client
   const serializedEvents = events.map((event) => ({
@@ -20,21 +29,11 @@ export default async function EventsPage() {
     updatedAt: event.updatedAt.toISOString(),
   }));
 
-  const backgroundImage = await getBackgroundImage("events", "/got-2.jpg");
-
-  // Récupérer les inscriptions côté serveur pour éviter le clignotement
-  const session = await auth();
+  // Construire le map des inscriptions
   const initialRegistrations: Record<string, boolean> = {};
-
-  if (session?.user?.id) {
-    // Récupérer toutes les inscriptions (passées et à venir) pour permettre le feedback
-    const allRegistrations =
-      await eventRegistrationService.getUserRegistrations(session.user.id);
-
-    allRegistrations.forEach((reg) => {
-      initialRegistrations[reg.eventId] = true;
-    });
-  }
+  allRegistrations.forEach((reg) => {
+    initialRegistrations[reg.eventId] = true;
+  });
 
   return (
     <main className="min-h-screen bg-black relative">