perf: homepage

services/skills-service.ts

@@ -7,60 +7,44 @@ export class SkillsService {
    */
   static async getSkillCategories(): Promise<SkillCategory[]> {
     const pool = getPool();
+    // ✅ SOLUTION : Requête optimisée avec sous-requêtes
     const query = `
       SELECT 
         sc.id as category_id,
         sc.name as category_name,
         sc.icon as category_icon,
-        s.id as skill_id,
-        s.name as skill_name,
-        s.description as skill_description,
-        s.icon as skill_icon,
         COALESCE(
           json_agg(
-            sl.url ORDER BY sl.id
-          ) FILTER (WHERE sl.url IS NOT NULL), 
+            json_build_object(
+              'id', s.id,
+              'name', s.name,
+              'description', s.description,
+              'icon', s.icon,
+              'links', COALESCE(
+                (SELECT json_agg(sl.url ORDER BY sl.id) 
+                 FROM skill_links sl 
+                 WHERE sl.skill_id = s.id), 
+                '[]'::json
+              )
+            ) ORDER BY s.name
+          ) FILTER (WHERE s.id IS NOT NULL), 
           '[]'::json
-        ) as skill_links
+        ) as skills
       FROM skill_categories sc
       LEFT JOIN skills s ON sc.id = s.category_id
-      LEFT JOIN skill_links sl ON s.id = sl.skill_id
-      GROUP BY sc.id, sc.name, sc.icon, s.id, s.name, s.description, s.icon
-      ORDER BY sc.name, s.name
+      GROUP BY sc.id, sc.name, sc.icon
+      ORDER BY sc.name
     `;
 
     try {
       const result = await pool.query(query);
-
-      // Group by category
-      const categoriesMap = new Map<string, SkillCategory>();
-
-      for (const row of result.rows) {
-        const categoryId = row.category_id;
-
-        if (!categoriesMap.has(categoryId)) {
-          categoriesMap.set(categoryId, {
-            id: categoryId,
-            name: row.category_name,
-            category: row.category_name,
-            icon: row.category_icon,
-            skills: [],
-          });
-        }
-
-        if (row.skill_id) {
-          const category = categoriesMap.get(categoryId)!;
-          category.skills.push({
-            id: row.skill_id,
-            name: row.skill_name,
-            description: row.skill_description,
-            icon: row.skill_icon,
-            links: row.skill_links,
-          });
-        }
-      }
-
-      return Array.from(categoriesMap.values());
+      return result.rows.map((row) => ({
+        id: row.category_id,
+        name: row.category_name,
+        category: row.category_name,
+        icon: row.category_icon,
+        skills: row.skills,
+      }));
     } catch (error) {
       console.error("Error fetching skill categories:", error);
       throw new Error("Failed to fetch skill categories");