solve conflict

Author: lumi-tip

src/pages/how-to/technology/[technology].jsx

@@ -37,64 +37,81 @@ export const getStaticProps = async ({ params, locale, locales }) => {
   const { technology } = params;
   const currentLang = locale === 'en' ? 'us' : 'es';
 
-  const responseTechs = await fetch(`${process.env.BREATHECODE_HOST}/v1/registry/academy/technology?slug=${technology}&limit=1000&academy=${WHITE_LABEL_ACADEMY}`, {
-    method: 'GET',
-    headers: {
-      Authorization: `Token ${process.env.BC_ACADEMY_TOKEN}`,
-      Academy: 4,
-    },
-  });
-  const techs = await responseTechs.json(); // array of objects
-  const technologyData = techs.results.find((tech) => tech.slug === technology);
-
-  const qs = parseQuerys({
-    asset_type: 'ARTICLE',
-    visibility: 'PUBLIC',
-    status: 'PUBLISHED',
-    academy: WHITE_LABEL_ACADEMY,
-    limit: 1000,
-    technologies: technology,
-  });
-
-  const response = await fetch(`${process.env.BREATHECODE_HOST}/v1/registry/asset${qs}`);
-  const exercises = await response.json();
-
-  const dataFiltered = exercises?.results?.filter(
-    (l) => l?.category?.slug === 'how-to' || l?.category?.slug === 'como',
-  );
+  try {
+    const responseTechs = await fetch(`${process.env.BREATHECODE_HOST}/v1/registry/academy/technology?slug=${technology}&limit=1000&academy=${WHITE_LABEL_ACADEMY}`, {
+      method: 'GET',
+      headers: {
+        Authorization: `Token ${process.env.BC_ACADEMY_TOKEN}`,
+        Academy: 4,
+      },
+    });
+
+    if (!responseTechs.ok) {
+      console.error(`Error fetching technology data: ${responseTechs.status}`);
+      return { notFound: true };
+    }
+
+    const techs = await responseTechs.json();
+    const technologyData = techs.results?.find((tech) => tech.slug === technology);
+
+    if (!technologyData) {
+      return { notFound: true };
+    }
+
+    const qs = parseQuerys({
+      asset_type: 'ARTICLE',
+      visibility: 'PUBLIC',
+      status: 'PUBLISHED',
+      academy: WHITE_LABEL_ACADEMY,
+      limit: 1000,
+      technologies: technology,
+    });
+
+    const response = await fetch(`${process.env.BREATHECODE_HOST}/v1/registry/asset${qs}`);
+
+    if (!response.ok) {
+      console.error(`Error fetching articles: ${response.status}`);
+      return { notFound: true };
+    }
+
+    const exercises = await response.json();
+    const dataFiltered = exercises?.results?.filter(
+      (l) => l?.category?.slug === 'how-to' || l?.category?.slug === 'como',
+    ) || [];
+
+    if (dataFiltered.length === 0) {
+      return { notFound: true };
+    }
+
+    const ogUrl = {
+      en: `/how-to/technology/${technology}`,
+      us: `/how-to/technology/${technology}`,
+    };
 
-  if (response.status >= 400 || response.status_code >= 400
-    || !technologyData || dataFiltered?.length === 0) {
     return {
-      notFound: true,
+      props: {
+        seo: {
+          title: technologyData?.title,
+          description: '',
+          image: technologyData?.icon_url || '',
+          pathConnector: `/how-to/technology/${technology}`,
+          url: ogUrl.en,
+          type: 'website',
+          card: 'default',
+          locales,
+          locale,
+        },
+        fallback: false,
+        technologyData,
+        articles: dataFiltered.filter((project) => project.lang === currentLang).map(
+          (l) => ({ ...l, difficulty: l.difficulty?.toLowerCase() || null }),
+        ),
+      },
     };
+  } catch (error) {
+    console.error('Error in getStaticProps:', error);
+    return { notFound: true };
   }
-
-  const ogUrl = {
-    en: `/how-to/technology/${technology}`,
-    us: `/how-to/technology/${technology}`,
-  };
-
-  return {
-    props: {
-      seo: {
-        title: technologyData?.title,
-        description: '',
-        image: technologyData?.icon_url || '',
-        pathConnector: `/how-to/technology/${technology}`,
-        url: ogUrl.en,
-        type: 'website',
-        card: 'default',
-        locales,
-        locale,
-      },
-      fallback: false,
-      technologyData,
-      articles: dataFiltered.filter((project) => project.lang === currentLang).map(
-        (l) => ({ ...l, difficulty: l.difficulty?.toLowerCase() || null }),
-      ),
-    },
-  };
 };
 
 function ExercisesByTechnology({ articles, technologyData }) {